Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 26, 2017 at 10:53 pm #857174
    messmeriza

    This is in response to https://kriesi.at/support/topic/hover-colour-for-icons/

    Since my last post I have created my own custom icons. Now the hover colour is white again and it seems to ignore the code you gave me in July.

    About

    Please help! Thanks!

    September 27, 2017 at 2:18 am #857223
    Mike

    Hey Carolin,
    Try this code in the General Styling > Quick CSS field:

    .page-id-3777 .avia-builder-el-3 .iconbox_icon:hover:before, .page-id-3777 .avia-builder-el-5 .iconbox_icon:hover:before, .page-id-3777 .avia-builder-el-7 .iconbox_icon:hover:before{
    color: darkgray;
}

    Best regards,
    Mike

    September 28, 2017 at 6:54 pm #858184
    messmeriza

    Hi Mike,

    it’s only working now on some pages but not on the Homepage, Our Services page and Our Network page.

    Also it seems it’s overlaying transparent white to achieve the grey hover colour. But on some wider icons it looks like it’s not covering the whole icon and the black colour is still showing on the left of the icon. See the screenshot in the private content of 2 icons on the About and Our Work pages.

    Thanks!
    Carolin

    September 29, 2017 at 4:38 am #858310
    John Torvik

    Hi,

    You can affect all the pages using this custom code:

    
.iconbox_icon:hover:before {
  color: darkgray !important;
}

    Best regards,
    John Torvik

    September 29, 2017 at 5:55 pm #858557
    messmeriza

    Thanks John. That works!

    September 30, 2017 at 8:57 am #858720
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Re: hover colour for icons’ is closed to new replies.