Add solid circle behind icons - Support | Kriesi.at

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
February 25, 2018 at 7:14 am #917313

navindesigns
Participant

Hi, how do I add solid circle behind my icons? I am trying to add it on a horizontal section below the slider that has 5 icons. On your icon-list module, it is automatically there but how do I add it when I am trying to add a regular icon as well?

my mockup – https://imgur.com/a/iOWYx

dev site – http://spadeconsult.com/home/

February 25, 2018 at 9:03 am #917320
Guenni007
Participant
i would have done it with icons sandalone with caption :

if so i would give to this icon element a custom class – something meaningfull like: spezial-full-icon

than put in your quick css :
```
.av_font_icon.spezial-full-icon { border: none !important }
.av_font_icon.spezial-full-icon .av-icon-char {  background-color: #f05a1a ;  border-width: 0px }
.spezial-full-icon .av_icon_caption {  color: #000; !important }
.spezial-full-icon [data-av_icon]::before { color: #fff }
```
see here: https://webers-testseite.de/fullicons/
- This reply was modified 6 years, 9 months ago by Guenni007.
February 25, 2018 at 2:46 pm #917377

Victoria
Inactive Moderator

Hi navindesigns,

Have you tried the solution proposed above?

@Guenni007 Thank you for your input.

Best regards,
Victoria

February 25, 2018 at 6:28 pm #917484

navindesigns
Participant

That works. Thank you both so much!

February 25, 2018 at 7:25 pm #917536

Basilis
Inactive Moderator

Hi,

Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)

Best regards,
Basilis
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Add solid circle behind icons’ is closed to new replies.