Adding A Circluar White Background To A Font Awesome Icon - Question | JoomShaper

Adding A Circluar White Background To A Font Awesome Icon

CT

Carole Townley

SP Page Builder 1 year ago

Hi Guys, Sorry for the random question. This is probably an easy answer but I cant figure it out.

How do you add a circluar white background to a font awesome icon? Same as in the https://www.joomshaper.com/joomla-templates/hope template

Thank you.

0
9 Answers
Asfakur Rahman Saikat
Asfakur Rahman Saikat
Accepted Answer
Support Agent 1 year ago #171066

Hello Declan Small,

Thank you for reaching out! Could you kindly provide the specific section or a screenshot of the icon you're referring to?

Best regards

0
CT
Carole Townley
Accepted Answer
1 year ago #171078

Hi I would love to but when i click the attcah image button in the get the following:

Any ideas how I can upload a screenshot?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #171081

upload on "free image hosting" website then share link here, OR use your own hosting to upload image

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #171082

About the main question: use Background color + Padding + Border-radius

0
Asfakur Rahman Saikat
Asfakur Rahman Saikat
Accepted Answer
Support Agent 1 year ago #171090

Please Take a screenshot and share it via any platform. For example: Lightshot. You may use it as a Google Chrome extension. Upload the screenshot and share the link with us. Thanks.

0
CT
Carole Townley
Accepted Answer
1 year ago #171092

Want this:https://ibb.co/KmnfNdM

Current: https://ibb.co/z59VdYw

Current Settings: https://ibb.co/FzxND3Z

Apologies for all the hassle and inconvenience. This is my first time using Joomshaper. Love the product but trying to get my head around all the features and capabilities. Thank you for you patience.

Appreciate all the help.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #171108

You forgot about "Border-shadow" in you example it was.

Turn it ON + add small values with dark transparent color.

1px 2px 3px 0 rgba(0,0,0,.06)

0
CT
Carole Townley
Accepted Answer
1 year ago #171138

Thank you so much for your help

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #171146

You know white background on white background is not visible, only shadow may help ;) or different main background color.

0