I like to make containers rounded edges

Hi there,

try this CSS:

.single-post .inside-article, .generate-columns .inside-article, .widget, .wp-show-posts-inner {
    border-radius: 20px;
    overflow: hidden;
}

You're Author box is a Block Element, edit that and select the Container Block and add the Border Radius in the settings.

Cool!!

Working, Thanks

You're welcome

I don't want a round in the homepage hero container, also. I want to hide the background image for mobile in home hero section...

Can you resupply the Link to your site? ( Private Information is automatically removed when a topic is resolved ).

site URL: removed

I want to remove the round from here: https://prnt.sc/3yZvqZSfRckq

Hi,

I waiting for the solution.

Let's handle one question at a time and one question per topic.

Are you referring to this shape?
https://www.screencast.com/t/DdLdnZiRrnYz

If so that is added as the shape of the first container:
https://docs.generateblocks.com/article/container-overview/#shapes

Please be mindful that we answer every question in 12-48 hours on weekends (most of the time much faster):
https://generatepress.com/what-support-includes/

Your patience is appreciated.

I remove the secend topic.

I rounded all containers with David CSS. its also included home page first container (Screenshot:https://prnt.sc/4xCocHHw0MFb, https://prnt.sc/3davs4pOdLl1). but I don't need this. How can I exclude this?

Thank you

Did you resolve this ? As i cannot see those screenshots on the home page ?

I've changed the background with the same color image that's why the round not showing, but it's didn't been solved.

I updated the CSS here:

https://generatepress.com/forums/topic/i-like-to-make-containers-rounded-edges/?view=all#post-2298017

Give that a try

It's not round edge on page: removed

And this is where it gets painful, if you want to include specific pages you need to get its ID ( edit the page and check the Browser URL to find the ID ).

Each page is given a unique CSS Class, eg. page-id-xx where xx is the ID.
That privacy page has an ID of 59 and its class is therefore: page-id-59

And adding that to your CSS would look like this:

.page-id-59 .inside-article, 
.single-post .inside-article, 
.generate-columns .inside-article, 
.widget, 
.wp-show-posts-inner {
    border-radius: 20px;
    overflow: hidden;
}

For each specific page you want to add, repeat the above steps and .page-id-xx .inside-article, to your CSS.