Missing HTML images in blog posts

[bgudenas]

Hello,

I am new user trying out the “Integrity” stack but i cannot get images embedded in html to properly display in blog posts within categories.

For example: ( At the bottom you will see a broken image icon )

How to do GSEA in R with (fgsea or gage) and plot results

I know the image works because i can see it in my local html version of the blog post.

Attempts to Resolve:
I have already tried disabling all third party plugins so i do not think that is the issue.
I tried a solution from:

In the category in posts, the picture does not appear

Which showed the right image but it was now at the top of the post (featured image) which is not what i want. I would like images to be displayed at their native locations within the blog post. ( This image should be where the broken icon is ).

Thanks for your help,
B

[ruenel]

Hello Brian,

Thanks for writing in!

The broken image could be caused by JetPack plugin. Please go to Jetpack > Settings > Performance and disable the Lazy loading of the images.

• https://jetpack.com/support/lazy-images/

If you do not add a featured image, there will be no image to display in blog index and the blog archives. Just add a feature image in each posts and then left your images inside the post contents. We will just add a custom css that will hide the featured image at the top of each posts. You can do that by adding the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.single .entry-featured {
    display: none;
}

Please let us know if this works out for you.

[bgudenas]

That works great, thank you so much!

[nabeel]

Glad it worked.

Cheers!