Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 20, 2014 at 5:50 pm #267424
    GOWD

    Hi, on a previous thread I requested a solution to having the social icons hover state as the default state so that they were visible against the header background.
    ( see http://www.terenure5mile.com )

    Since I updated to 2.7.1 the custom css code you gave me (listed below) no longer works for this, how can I fix.
    Thanks

    #top .social_bookmarks_twitter:hover a {
    color: #46d4fe;
    background-color: transparent;
    }
    #top .social_bookmarks_twitter a {
    color: white;
    background-color: #46d4fe;
    }
    #top .social_bookmarks_facebook:hover a {
    color: #37589b;
    background-color: transparent;
    }
    #top .social_bookmarks_facebook a {
    color: white;
    background-color: #37589b;
    }

    May 20, 2014 at 6:28 pm #267437
    Flikk

    you can add !important like this:

    #top .social_bookmarks_facebook a {
    color: white !important;
    background-color: #37589b !imortant;
    }

    And i dont think you need the ones with “:hover”

    May 21, 2014 at 5:04 am #267786
    Ismael

    Hey!

    Thank you for visiting the support forum!

    Please use this on Quick CSS or custom.css:

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

#top #wrap_all .av-social-link-facebook:hover  a{color:#37589b; background-color: transparent; }
#top #wrap_all .av-social-link-twitter:hover    a{color:#46d4fe; background-color: transparent; }

    Best regards,
    Ismael

    May 21, 2014 at 12:59 pm #267949
    GOWD

    Thanks Ismael,
    previous code from Flikk was missing the letter p in !important after background color
    Thread resolved

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