[Resolved] rounded corners content

[Antal]

Hi,
I would like to apply rounded corners to the content area of the posts and the pages. I have tried to apply this CSS but this does not seem to work.

.inside-article {
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}

(to extend my question a bit further, homepage should be excluded, and on mobile view the rounded corners should be excluded as well)

Thanks in advance! 🙂

[Leo]

Hi there,

That CSS should normally work. You can test it out here:
https://gpsites.co/marketer/2018/09/08/the-fastest-wordpress-theme/

However, Elementor has taken over the container which is why it is not working for you:
http://www.screencast.com/t/92Npf7Dj1

You will need to do this within Elementor. I’m not sure if there are any built-in function to this so you’d have to check with their support.

[Antal]

Hi Leo,

Elementor is only used for the inside of the standard GP container on posts and pages. (except the homepage)
I don’t know if this makes sense, but I got it to work with this code;

.one-container .container
{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

Thanks and have a great evening 🙂

[Leo]

Glad you figured out 🙂

[Author]

Posts