Featured images squared instead of rounded in Customizr

⚠️ Code snippets might not be compatible with the latest version of your theme. Always use a child theme to customize your theme, and test your code on a staging website before migrating to production.

Just add the following code in the Custom CSS or the stylesheet of your child theme and you are done.

For all images : featured page images and featured images in post list

.round-div {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

 

Only for featured pages

.widget-front .round-div {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

 

Only for featured images of posts

.article-container .round-div {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

 

 

More about the border radius property.

More about Featured page customizations.

Leave a comment

Your email address will not be published. Required fields are marked *

25 thoughts on “Featured images squared instead of rounded in Customizr”