Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #28048

    Hello,

    I was wondering if it is possible to get the icons in enfold to act more like the icons in Choices. Particularly the side tab icons, in Choices they are nice and rounded and also stand out more when you hover over them and when the tab is selected. In enfold they don’t have the circular background and also are just shades of grey?

    Thanks

    Andrew

    #136261

    Hi,

    The tab elements doesn’t have the icons. Are you talking about the iconbox or the iconlist?

    Regards,

    Ismael

    #136262

    I mean font Icons. I presume these are also being used in Choices?

    Thanks

    Andrew

    #136263

    Hi,

    No, the Enfold is using the Entypo Fontello font for the icons. http://www.entypo.com/

    Regards,

    Ismael

    #136264

    Thanks Ismael,

    Is there any way to style the ones used by Enfold, such as mouse over colors etc – at the moment they don’t really stand out that much.

    Thanks

    Andrew

    #136265

    Hey,

    Yes, sure you can. Please refer to this link if you want to add background to your iconbox and iconlist:

    http://www.kriesi.at/support/topic/adding-gradient-background-to-icons

    You can also use this if you want to change the color of the icons:

    Icon box:

    .iconbox_icon.heading-color.avia-font-entypo-fontello {
    color: red;
    }

    Icon list:

    .iconlist-char {
    color: pink;
    }

    Regards,

    Ismael

    #136266

    Thanks for the reply.

    Is it possible to change the ‘hover’ color for the icon?

    Thanks again,

    Andrew

    #136267

    Hey,

    Yes, it is possible:

    .iconlist-char:hover {
    color: violet;
    }

    .iconbox_icon.heading-color.avia-font-entypo-fontello:hover {
    color: green;
    }

    Regards,

    Ismael

    #136268

    Thanks Ismael,

    I’ll give it a go!

    Andrew

    #136269

    Hey,

    Let us know if it works.

    Cheers,

    Ismael

    #136270

    How can I change the title & the icon color? I tried getting the name of the element with Firebug, but I’m a newbie..sorry :)

    #136271

    Hey,

    You can use this on your custom.css or Quick CSS:

    IconBox:

    .main_color .iconbox_content_title {
    color: red;
    }

    .main_color .iconbox_icon.heading-color.avia-font-entypo-fontello {
    color: blue;
    }

    Regards,

    Ismael

    #136272

    thanks a lot

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

The topic ‘Icons in Enfold’ is closed to new replies.