Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 26, 2018 at 5:46 am #932787
    sproutstudio

    I’m trying to change the icons for the social media on the right side of the header. Nothing I’m trying seems to work (other forum posts haven’t seemed to work). I have 2 sites that I’m trying to implement this on.

    I’m looking to have the icon in white with a yellow circle (background) around it.

    Can you please help?

    March 26, 2018 at 8:37 am #932853
    Nikko

    Hey sproutstudio,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top #header .social_bookmarks li {
    margin-left: 5px;
}

#top #header .social_bookmarks li a {
    background: #f3cf3e;
    color: white;
}

    Hope it helps :)

    Best regards,
    Nikko

    March 26, 2018 at 5:35 pm #933118
    sproutstudio

    Yes! That worked great!!
    Thank you!
    If I also wanted to change the hover color, what would I do for that?

    March 26, 2018 at 7:52 pm #933172
    Jordan Shannon

    Hi,

    You want to change the hover background color? What should it be changed to?

    Best regards,
    Jordan Shannon

    March 26, 2018 at 9:01 pm #933189
    sproutstudio

    Right, so when you hover the color could change to purple (instead of the yellow).

    Currently, when you hover it changes to a different color based on which icon it is. I’m looking for them all to be consistent. So, for example, it has the yellow circle now and when hover they have a purple circle.

    March 26, 2018 at 9:49 pm #933207
    Jordan Shannon

    Hi,

    I see, thanks for clearing that up. Please add the following to quick css:

    .social_bookmarks a:hover{
background:purple!important;
}

    Best regards,
    Jordan Shannon

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