Archived topic

Make featured image's corners rounded

3 replies · Started by Ashin on February 23, 2022

Viewing posts 1–4 of 4

February 23, 2022 at 2:55 am #2130196

I managed to make all images except featured images rounded, using this code

#page img {
border-radius: 10px;
}

How to make featured images rounded as well?

February 23, 2022 at 3:44 am #2130271

Hi Ashin,

The Featured image is not inside the div which has an id of “page” which is what you’re using as the selector.

You can try including the container holding the featured image as well:

#page img, .gb-container.gb-container-de13b676 img{
border-radius: 10px;
}

Or, you can select all images in the body instead.

body.page img{
    border-radius: 10px;
}

Kindly use whichever you prefer. :)

Hope this helps! :)

February 23, 2022 at 3:54 am #2130283

It's working, thank you. A completely unrelated question; does the content not being inside the div with id of the page affect the SEO in anyway?

February 23, 2022 at 4:22 am #2130315

You’re welcome Ashin!

To answer your question, no it wouldn’t. :)

Hope this helps! :)

This archived topic is closed to new replies.