Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 15, 2020 at 1:29 pm #1213270
    bramblejam

    Hi

    I would like to change the background colour of the social media icons in the top header, I would like the active background colour to be the same as the hover colour. Can you supply the CSS to do this please?

    Kind Regards
    Kenny

    May 15, 2020 at 8:08 pm #1213422
    Victoria

    Hey bramblejam,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    May 16, 2020 at 3:56 pm #1213584
    bramblejam

    Hi
    I have given link in private content. I would like the active state of the social icons to have the hover background colour ie facebook blue etc It would make them standout more and give some colour to the top right of the site.

    Kenny

    May 16, 2020 at 6:37 pm #1213626
    Victoria

    Hi Kenny,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #wrap_all .av-social-link-twitter a {
    color: #fff;
    background-color: #46d4fe;
}
#top #wrap_all .av-social-link-facebook a {
    color: #fff;
    background-color: #37589b;
}
#top #wrap_all .av-social-link-instagram a {
    color: #fff;
    background-color: #a67658;
}
#top #wrap_all .av-social-link-pinterest a {
    color: #fff;
    background-color: #cb2027;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 16, 2020 at 8:13 pm #1213649
    bramblejam

    Hi Victoria

    I put the code in quick CSS but didnt seem to work?

    Kenny

    May 17, 2020 at 3:52 am #1213714
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, clear the cache a few times over.

    Best regards,
    Jordan Shannon

    May 17, 2020 at 2:44 pm #1213810
    bramblejam

    Sorry to keep bothering you with this but I cant get it to work. The code is the only thing in the quick CSS and I have cleared the cache and accessed the site on another computer but still no luck!

    May 17, 2020 at 6:28 pm #1213844
    Jordan Shannon

    Hi,

    Please provide admin info so we can log in and look into this further.

    Best regards,
    Jordan Shannon

    May 18, 2020 at 12:28 pm #1213998
    bramblejam

    Its working now! thanks for your help.

    May 18, 2020 at 7:34 pm #1214098
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Change colour of social icons in top header’ is closed to new replies.