images not showing in subsite webpage in multisite while present in upload folde

Replies: 0

i have imported some templates and set up woocommerce etc in a multisite subsite. LScache and Cloudflare plugins are set up but not enabled. When I access the images directly through browser url they are showing up…. for eg. https://subdomain.example.com/wp-content/uploads/sites/5/2018/02/logo-regular-free-img.png is accessible on browser. However, the logo is not showing on site. It is happening to ALL JPEG images (SVGs are showing). I have the image not showing issue in both front end and back end. Cloudflare is set up to Cache ALL including subsites – i exclude pages from CF cache through cache headers.

I have checked the file permissions they are all 755 for directory and 644 for files. (That is why they are showing on the browser i believe)

This problem is only happening in the subsites and not in the main site.

.htaccess as below:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
RewriteCond %{HTTPS} !=on
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
RewriteBase /
RewriteRule ^index\.php$ - [L]
# add a trailing slash to /wp-admin
RewriteRule ^wp-admin$ wp-admin/ [R=301,L]
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
RewriteRule ^(wp-(content|admin|includes).*) $1 [L]
RewriteRule ^(.*\.php)$ $1 [L]
RewriteRule . index.php [L]
</IfModule>
Expand snippet

Since I had mixed content warning, i updated .htaccess to add after which fullsite renders as https: – this includes images when i provide the stand alone URLS.

RewriteCond %{HTTPS} !=on
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

However the images still DO NOT render in the webpage – i get the blanks..