Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 7, 2017 at 1:30 pm #873656
    Cliffy

    Hi,
    I need to change the main colour of the icon on my site (see private for the link). The icon is dull grey (which is the main style for my site).
    I don’t want to change my global settings but DO need to change this grey. I would like to retain the hover effect so the icon changes white on hover.
    If I manually change the custom colours, I can NOT select a colour for hover. The icon loses its functionality.
    How do I make these Icons (black #000000 for example) with a white hover.

    Thanks,
    H

    November 8, 2017 at 5:52 am #874012
    Rikard

    Hey Heathcliffe,

    Please try the following in Quick CSS under Enfold->General Styling:

    #top .iconbox.av-no-box .iconbox_icon {
  color:black;
}

#top .iconbox.av-no-box .iconbox_icon:hover {
  color:white;
}

    Best regards,
    Rikard

    November 9, 2017 at 1:48 pm #874641
    Cliffy

    Perfect. Thanks @Rikard

    It would be great if the option was in the user interface :)

    November 10, 2017 at 4:05 pm #875201
    Victoria

    Hi Heathcliffe,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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