Docs

[tashitendrel]

Hello support team,

I want to round the featured images thumbs on blog and category pages. So I have added this css code:

.entry-thumb img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

It works, but now I have black color coming out in the corners and I dont know how to get rid of it. Sometimes it dissapeares on top corners and bottom corners have white color… Here is the url: http://dharmaebooks.org/category/collected-works/

[Thai]

Hi There,

Please try with this CSS instead:

.entry-thumb {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

Hope it helps 🙂

[tashitendrel]

Thanks, unfortunatelly this alone doesnt round the corners. I did it with both:

.entry-thumb, entry-thumb img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

…but still there is something in the bottom corners, which I suppose is meant to add some shadow. But I dont know it’s name… I tried box-shadow, background, background-color. No luck.

[Thai]

Hi There,

Please add this CSS:

.entry-featured {
    box-shadow: none !important;
    border: none !important;
}

Hope it helps 🙂

[tashitendrel]

Yes, this worked, thank you!

[Lely]

You’re welcome!

Cheers!

[Author]

Posts