[Jeremy LParticipant]

I’m trying to get the background of a container (which has text inside it) to have rounded corners.

This is the code (that works) w/o any attempt to round the the corners:

padding: 10px 15px 15px;  background-color: rgba(9,52,89, .85);

I’ve tried adding the “border-radius attribute” but it isn’t working. What should the code be to get the effect?

[ThaiModerator]

Hi There,
Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.
And also tell us which parts / elemnents you want to make it has rounded corners.
Regards!

[Jeremy LParticipant]

http://www.thatgodiste.com

And basically, any text area that is sitting on top of a full-width, image background.

[FriechModerator]

Hi Jeremy,

The URL http://www.thatgodiste.com is not found. I tried http://www.thatgodsite.com but it requires login. Please clarify.

Thanks!

[Jeremy LParticipant]

This reply has been marked as private.

[John EzraMember]

Hi there,

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

div#x-content-band-4,
div#x-content-band-5,
div#x-content-band-11,
div#x-content-band-13,
div#x-content-band-18 {
    border-radius: 50px;
}

.x-column.x-sm.vc.x-1-3:first-child {
    border-radius: 50px 0px 0px 50px;
}

.x-column.x-sm.vc.x-1-3:last-child {
    border-radius: 0px 50px 50px 0px;
}

.tp-bgimg.defaultimg {
    border-radius: 50px;
}

Hope this helps – thanks!

[Author]

Posts