Background Circle - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Background Circle

DR

David Rogers

SP Page Builder 3 years ago

Hi,

How do I put a circle behind a bit of text? I tried to do it using border as it will not do a perfect circle but no luck and I cannot see any radius options for the background colour.

Please see for example https://prnt.sc/rOEe_QrGaAlr

Thank you

0
4 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #86780

Hi

Thanks for contacting us. Could you please give me your site URL so that I cahc check?

-Regards.

0
DR
David Rogers
Accepted Answer
3 years ago #86784

Hi thanks.

It has an image behind the contact button at the moment but I would rather have a circle using the setting in the back end

https://dhfc5050.co.uk/austinfriars/

0
DR
David Rogers
Accepted Answer
3 years ago #86858

OK I have changed this from text to a button, clicke dcircle in the back end and now it is a flattened circle. But I want a circle.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #86876

Use this custom CSS

#sppb-addon-1664444756704 .circle{
       height: 210px !important; 
}

.sppb-btn-round {
    border-radius: 350px !important; 
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

0