Images not showing on published blog, portfolio gallery and WooCommerce products

[Bear25]

Hi there

I recently switched from a free theme to X-Theme (ICON stack) on my WordPress website. Since then, I’ve been having trouble with images not showing on my blog posts, portfolio and shop.

BLOG POSTS
I’ve enabled Cornerstone for these types. When I view a blog post with the standard WordPress viewer, I can see the images in the preview but they don’t show up on the published site. If I try to edit the post in Cornerstone, I have to rebuild the post from scratch (i.e. add sections to the layout, add the text, images, etc. all over again). I’ve done this, but that’s worse - the images do not display in the Cornerstone preview OR when published. If I use the Layout menu to select the image block and then click the magnifying glass I can see that there’s an image ‘marker’ in the Cornerstone preview, but I can’t see anything at all UNTIL it’s selected that way.

I’ve also tried adding an entirely new blog post designed entirely in Cornerstone and it still doesn’t work. From what I can tell, videos work (embedded from YouTube and self-hosted) on both blog posts and products, but photos don’t.

SHOP
Preview - when previewing a product (WooCommerce plug-in/standard WordPress viewer) I can see all the images.
Published - When viewing the same product on the published/live site (as an individual item, not a gallery or the ‘Shop’ page itself), I cannot see the featured image or any of the images in the Product Gallery. Videos DO show.

Sorry I can’t be more clear - I don’t really know what’s going on (I’m not a web developer and also relatively new to WordPress altogether)! I tried a lot of things and one of those things broke the blog page entirely (was just showing as blank). I think I might have had to unpublish the post to fix it. Either way, I’m not so keen to play with it again without guidance.

A friend of mine (who helped me set the site up) also has the X-Theme and has the same issues. So it could be something that’s set up wrong (i.e. a setting, as opposed to plug-ins or glitches)?

Any help would be appreciated!

Thanks,
Sarah

[ruenel]

Hello Sarah,

Thanks for writing in! Most probably, the images not showing is caused by CORS issue or Cross Origin Resource Sharing issue. Please go to Settings > General and make sure that your Site URL and WordPress address URL is the same as the WordPress dashboard URL. If you use https://www or https://, make sure that it is the same in all of the URLs.

To better assist you with your issue, kindly provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Regards.

[Bear25]

Hi @RueNel

Thanks for your reply.

I’ve checked the settings and it seems like they’re accurate? I did update this at some point (i.e. I didn’t have an SSL when I first set up the website, but I had it before installing X-Theme). Not sure if that’s relevant?

I’ve provided log-in details via the secure note. Please let me know if you need anything else.

Thanks,
Sarah

[Bear25]

Hi RueNel

I had a separate question on the forum which Nubeel answered for me and it seems to have fixed this problem as well. My issue was that the featured images were showing up ABSOLUTELY HUGE on my blog posts (individual posts, not the blog gallery itself). Nabeel advised to use this code in the X-Theme custom CSS:

    .single .entry-featured {
     margin: 3% auto 0;
     width: 50%;
}

When I went to put the code in, I noticed that I already had some custom code:

   .single .entry-content img {
    display: none;
}

I disabled the existing code and put in the new code and it appears to have fixed all of the images as well as making the featured images smaller (the initial purpose of the code). So I think the CSS that I had in there was the problem. I will now test creating and editing various posts, products, etc. with Cornerstone and let you know I go with the images. I think it’s fixed though.

Thanks for your help so far!

Cheers,
Sarah

[nabeel]

Hey Sarah,

Yes the code you previously had is for hiding all images in the single posts type, removing it solved the issue.

Cheers!