Archived topic
rounded corners content
3 replies · Started by Antal on January 10, 2019
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! :)
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.
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 :)
Glad you figured out :)