Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 21, 2014 at 6:37 pm #355406
    kenreimer

    Hi,

    I am trying to use the icon box but have the icon appear with a transparent background. Sort of like on the kriesi page http://kriesi.at/theme-overview where it lists the different filter options (I want to use it as an icon list though). How do I do that? I can see i can change colors, but cant find a transparent option. thanks!

    November 21, 2014 at 11:38 pm #355683
    Elliott

    Hey kenreimer!

    Try adding this to your custom CSS.

    .iconlist_icon {
    background: none repeat scroll 0 0 transparent !important;
    color: black !important;
}

    Regards,
    Elliott

    November 22, 2014 at 1:07 am #355734
    kenreimer

    thanks Elliot.. I tried it but still have a few issues:
    1. the iconlist element generates a dotted line. that line looks like it runs over the icons.
    2. The rim around the icon disappeared. What I was trying to achieve is to keep the rim but make the background transparent.
    3. I only what that icon list look for a particular page… how do I avoid the css to be applicable to all my other uses of the icon list?
    thanks! K.

    November 23, 2014 at 6:08 pm #356284
    Elliott

    Hey!

    1. + 2. Go ahead and send us a link to your page and we’ll take a look. You can set your reply as private if you wish.

    3. You can do this, http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/, to add a custom CSS field to your elements which you can target with CSS like so.

    .your_class { background: none repeat scroll 0 0 transparent !important; color: black !important; }

    Best regards,
    Elliott

    November 28, 2014 at 7:54 pm #359840
    kenreimer

    Hi Elliott.

    the page is http://www.cxgroup.co/?page_id=1195 …on the bottom you see grey icons. I wanted to remove the grey background but still keep the circle shape (white). So replace the grey with transparent really.

    I tried enabling custom classes, I can see the fields appearing. I entered your code as well under the custom class name, but don’t see changes… thx

    November 28, 2014 at 11:08 pm #359940
    Elliott

    Hey!

    If you want to keep the circle shape then the background has to be set to a color, it cannot be transparent. For this you do not need any CSS. Just edit your icon list and switch to the colors tab and then set the icon background to white and the font color to black or gray, whatever you need.

    Cheers!
    Elliott

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.