Docs

[Hercules P.]

Hey, I would like to reduce the blog post images for integrity.

Currently, the images are too big in contrast with the other elements.

This is one of the pages. (I want the changes to take effect in all blog post pages not only on this one)

http://www.staging5.oneuserexperience.com/8-ways-completely-sabotage-digital-marketing-efforts/

Thanks!

[Hercules P.]

This reply has been marked as private.

[Jade]

Hi there,

You can add this under Custom > CSS in the Customizer.

.entry-thumb img {
    min-width: 50%;
    max-width: 50%;
}

.entry-thumb {
    text-align: center;
    background-color: transparent;
}

.has-post-thumbnail .entry-featured {
    border-bottom: 0;
    text-shadow: none;
}

Hope this helps.

[Hercules P.]

hey thanks but it didn’t work. Can you check again please?

[Darshana]

Hi there,

Can you please try the following CSS rules instead.

.single-post .entry-featured {
    max-width: 50%;
    min-width: 50%;
}

Hope that helps.

[Hercules P.]

Hey there,

Thanks but it didn’t work. Can you check again, please?

[Paul R]

Hi,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[Hercules P.]

This reply has been marked as private.

[Thai]

Hi There,

Everything should be fine now.

You forgot to close the curly bracket(}) in your custom CSS, I’ve already fixed that issue.

Regards!

[Hercules P.]

Hey thank you so much!!

It worked very well for all the blog post pages. However, I need the images on this page http://www.staging5.oneuserexperience.com/blog/ to stay at the same size that they were previously.

How they look now http://www.evernote.com/l/AnyPxwa3Ao5DcYL-yiWr6PKqLyyS1p9nnIY/

How I want them to look http://www.evernote.com/l/AnweeuWz1SpL4rDRAixPlClB2Nh91BNXMps/

thank you again!

[Thai]

Hey There,

Please find this CSS:

.entry-thumb img {
    min-width: 50%;
    max-width: 50%;
}

And change to this:

.single-post .entry-thumb img {
    min-width: 50%;
    max-width: 50%;
}

Hope it helps 🙂

[Author]

Posts