Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I’m having a hard time editing the CSS to create a border-radius on the main content areas for the entire site. Can you help me out?
I am using a child theme of Influence by the way.
Thanks
This is a private message.
Hi SteveSOL
You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.
article.entry { border-radius: 10px; } article.entry .post-thumbnail img { border-radius: 10px 10px 0 0; } #secondary { border-radius: 10px; }This worked except for one instance.
On mobile devices when viewing pages with a featured image the top right and left corners have no border-radius, but the featured image does. So you can see the sharp corners peaking out from under the image that has rounded corners. This only happens when viewing on a mobile devices (phone/tablets). Any ideas on a fix?
Thanks :)
Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.