Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 9, 2017 at 3:17 am #836102
    sjahan

    I have entered the CSS for the yelp social icon so the hover color changes, but it isn’t working. I have tried putting it in the child theme and then in the theme options–general styling–quick css and it still doesn’t work. Here is the code:

    /*Yelp icon hover*/
#top #wrap_all .av-social-link-yelp:hover a{
    color:#fffff; background-color:#b51c09;}
    August 9, 2017 at 7:07 am #836178
    John Torvik

    Hey sjahan,

    Add the !important after the properties and check it again.

    Best regards,
    John Torvik

    August 9, 2017 at 7:54 pm #836585
    sjahan

    Hi, no change…

    #top #wrap_all .av-social-link-yelp:hover a{
    color:#fffff !important;
 background-color:#b51c09 !important;
}
    August 10, 2017 at 9:47 am #836857
    Rikard

    Hi,

    Please try this instead:

    .social_bookmarks_yelp:hover {
  background-color:#b51c09 !important;
  color:#fffff !important;
}

    Best regards,
    Rikard

    August 10, 2017 at 4:46 pm #837056
    sjahan

    Hi Rikard,

    That didn’t work either =/

    I’m attaching the login credentials so maybe that’ll be easier. The code is under the theme options general styling section. Thank you.

    August 11, 2017 at 1:06 pm #837430
    Victoria

    Hi sjahan,

    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 .social_bookmarks li.social_bookmarks_yelp.av-social-link-yelp.social_icon_3 a:hover {
  background-color: orange;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 11, 2017 at 7:21 pm #837620
    sjahan

    I tried adding it to the theme options quick css area and then to the enfold child stylesheet. Neither option worked… I also cleared my cache.

    August 11, 2017 at 7:51 pm #837637
    Sarah

    Hello sjahan,

    Thank you for providing admin access to us. It seems that any change we make does not take effect.

    Does your site have a caching plugin in your WordPress installation, or perhaps a caching service with your host (I believe it is GoDaddy?) If you do, please clear it, or ask Godaddy if they can clear it for you. It’s possible that this is the reason.

    We look forward to your reply. Thank you!

    Best regards,
    Sarah

    August 13, 2017 at 5:41 am #838125
    sjahan

    Hi Sarah, I cleared the GoDaddy cache but it didn’t do anything…

    August 13, 2017 at 10:40 pm #838362
    Nikko

    Hi,

    It should be good now, I have added this css code in Quick CSS:

    #top #wrap_all .av-social-link-yelp a:hover {
    background-color: #b51c09;
    color: #fff;
}

    and closed this media query:

    @media only screen and (max-width: 767px) {

    Best regards,
    Nikko

    August 14, 2017 at 4:53 pm #838772
    sjahan

    It’s perfect, thank you!

    August 14, 2017 at 5:00 pm #838786
    Sarah

    You’re very welcome! We’ll close this topic now. For any other questions or issues, feel free to post them here on the forum and we will do our best to assist you.

    For your information, you can also take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

    We’d also appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads

    Thank you for using Enfold.
    Cheers!
    Sarah

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Yelp Social Icon Background Color’ is closed to new replies.