Blog - Where Do We Exclude The Main Image

Hi Everyone,

Can anyone help me out a bit please :-)

Our blog page: https://www.downlightsonline.co.uk/blog/what-are-fire-rated-downlights/

This appears to include the main image which we upload to the blog. But it is massive and pushes content down the page below the fold.

How do we exclude the image. As we will add images in separately throughout the content.

Thanks in advance.

Chris

In Blog > your blog post open the Add-on tab and delete the image there.

In Blog > your blog post open the Add-on tab and delete the image there.

Hi, We want the image as a thumbnail on our /blog/ page though.

We just don't want it to be on the blog itself.

Any idea?

Thanks

This will require template customization.

This will require template customization.

Ok. Any idea what the code change would be, and what file i would change?

Thanks

Try to add the following code to the CSS section of the Theme editor

.ty-blog__img-block img {
    max-width: 400px;
    width: 100%;
}

Try to add the following code to the CSS section of the Theme editor

.ty-blog__img-block img {
    max-width: 400px;
    width: 100%;
}

Perfect. Worked.

Thanks for your help.