code snippets css Featured images Featured pages Images

Featured images squared instead of rounded in Customizr

by Nicolas|Published 17 January 2014

⚠️ 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.

You can search the user’s forum or ask the user community by opening a new thread in the Customizr theme forum. Before opening a new topic, you might want to follow the troubleshooting steps..

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.

AUTHOR

Nicolas

Hi! I'm Nicolas (@presscustomizr), the lead developer of the Customizr Theme and the Hueman Theme. My team and I are working everyday to help you publish your WordPress content the best possible way. We love to do it!Thanks for visiting this website, feel free to drop us a line !

0 posts