Return to previous page

How to make rounded corner featured images for blog post?

This topic has 4 replies, 2 voices, and was last updated 1 years, 11 months ago ago by Tony Rodriguez

NelsonTsai

Participant

March 6, 2023 at 09:11

Hello,
I want to change the post’s featured image style to rounded corner.
Similar to this thread that work for product, https://www.8theme.com/topic/how-can-i-make-rounded-corners-on-the-product-image/
What CSS to add or other methods?

Thank you.

#348991 Copied Theme version: 9.0.4

3 Answers
Tony Rodriguez

Support staff

March 6, 2023 at 09:24
Hello NelsonTsai,

Thank you for using our theme and for contacting us.

We kindly ask that you copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS. After clearing your browser cache, please check back to your site.

article.blog-post .wp-picture.blog-hover-zoom { border-radius: 10px; }

Best Regards,
8Theme’s Team
#348995 Copied
NelsonTsai

Participant

March 6, 2023 at 09:27

Thanks, it works like a charm.

Update:
I gave a 5-star rating there.
Put a shadow effect to your tip, looks good.

article.blog-post .wp-picture.blog-hover-zoom {
border-radius: 10px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.35) !important;
}

#348996 Copied

Tony Rodriguez

Support staff

March 6, 2023 at 09:31

Hello NelsonTsai,

Welcome! We would be grateful if you could leave a 5-star rating for our theme and customer and technical support on ThemeForest at http://themeforest.net/downloads. Doing so would help us to provide more updates and dedicated support in the future. Your support would be greatly appreciated.

Thank you for contacting us. Have a great day!

Please note that for any new issues, you should create a new ticket on the support forum.

Topic closed.

Best regards,
8Theme’s Team

#348997 Copied
Tagged: blog post, featured images, how to, rounded corner, templates, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘How to make rounded corner featured images for blog post?’' has been successfully resolved, and the topic is now closed for further responses

How to make rounded corner featured images for blog post?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection