Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 19, 2013 at 3:53 pm #28048
    awilson3rd

    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

    August 21, 2013 at 4:29 am #136261
    Ismael

    Hi,

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

    Regards,

    Ismael

    August 21, 2013 at 6:58 am #136262
    awilson3rd

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

    Thanks

    Andrew

    August 21, 2013 at 1:46 pm #136263
    Ismael

    Hi,

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

    Regards,

    Ismael

    August 21, 2013 at 2:17 pm #136264
    awilson3rd

    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

    August 22, 2013 at 3:23 am #136265
    Ismael

    Hey,

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

    https://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

    August 22, 2013 at 8:19 am #136266
    awilson3rd

    Thanks for the reply.

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

    Thanks again,

    Andrew

    August 23, 2013 at 1:13 am #136267
    Ismael

    Hey,

    Yes, it is possible:

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

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

    Regards,

    Ismael

    August 23, 2013 at 9:45 am #136268
    awilson3rd

    Thanks Ismael,

    I’ll give it a go!

    Andrew

    August 24, 2013 at 2:02 am #136269
    Ismael

    Hey,

    Let us know if it works.

    Cheers,

    Ismael

    September 5, 2013 at 3:44 pm #136270
    erantdo

    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 :)

    September 6, 2013 at 3:22 am #136271
    Ismael

    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

    September 6, 2013 at 3:00 pm #136272
    erantdo

    thanks a lot

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Icons in Enfold’ is closed to new replies.