Adding a circluar white background to a font awesome icon - Forum | JoomShaper
Staff replied SP Page Builder

Adding a circluar white background to a font awesome icon

Asked by Carole Townley 2 years ago Last activity 2 years 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.

5 replies

Asfakur Rahman Saikat Staff

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

Carole Townley Asked this

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?

Paul Frankowski Senior Staff

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

Paul Frankowski Senior Staff

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

Asfakur Rahman Saikat Staff

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.

Carole Townley Asked this

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.

Paul Frankowski Senior Staff

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)

Carole Townley Asked this

Thank you so much for your help

Paul Frankowski Senior Staff

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

Log in to reply.