Orange WebDev Orange WebDev - 4 months ago 7
CSS Question

Can not override border-box :before and :after with border-radius

So I got this theme http://demo.theme.co/ethos-1/
and wanted to make the top squares round.

The only way I can get them like that is if I change

*,*:before,*:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
to
*,*:before,*:after {
border-radius:100px;
}


The problem is it makes every box like shape on the site round. Where as I only want the top post previews to be round.

any ideas would be greatly appreciated.
Thank you!

Answer

Try adding .entry-cover{border-radius: 100px;} to your CSS. This class is added for the elements on top.

Comments