Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • September 7, 2018 at 2:02 pm #1007115
    brand

    hi, how can I remove the hover background effect of social share icons? thank you

    September 7, 2018 at 4:03 pm #1007160
    Rikard

    Hey dariosolarino,

    Please try the following in Quick CSS under Enfold->General Styling:

    ul.social_bookmarks li:hover {
  background-color:transparent !important;
}

    Best regards,
    Rikard

    September 7, 2018 at 4:09 pm #1007163
    brand

    Unfortunately, nothing changes: I would like the icons to be immediately displayed as FB in blue, twitter in light blue and green mail.

    September 7, 2018 at 5:48 pm #1007228
    Victoria

    Hi dariosolarino,

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

    Best regards,
    Victoria

    September 7, 2018 at 6:10 pm #1007239
    brand

    I installed Temporary Login without password and add a new user: (Email address hidden if logged out) ” rel=”nofollow”> (Email address hidden if logged out)

    • This reply was modified 5 years, 7 months ago by Nikko.
    September 7, 2018 at 9:12 pm #1007302
    Nikko

    Hi dariosolarino ,

    Can you try adding this css code in Quick CSS:

    .addtoany_list a:hover span {
    opacity: 1 !important;
}

    Best regards,
    Nikko

    September 7, 2018 at 9:37 pm #1007310
    brand

    unfortunately it does not work, there is always the hover background effect.

    September 8, 2018 at 7:23 am #1007362
    Nikko

    Hi,

    I checked it and it worked on my end, just to confirm if you are referring on the social icons (facebook, twitter, google+) at the bottom of this page (link in private content)? if you’re referring on those icons, try clearing your browser cache to make sure the new css is fetched, if that’s not the social icons you’re referring then please post the link to the page showing the icon.

    Best regards,
    Nikko

    September 12, 2018 at 5:39 pm #1009027
    brand

    unfortunately I have not solved, the hover effect remains visible

    September 12, 2018 at 5:40 pm #1009028
    brand
    This reply has been marked as private.
    September 12, 2018 at 5:53 pm #1009038
    Yigit

    Hey!

    It seems like you are using https://wordpress.org/plugins/add-to-any/ plugin to display your share buttons. I checked them and there is no hover effect on them at the moment on my end.

    Regards,
    Yigit

    September 13, 2018 at 10:57 am #1009315
    brand

    I installed the Addtoany plugin, but I wanted to use the social share button of Enfold, but without the hover effect on the social icons, for example, I would like to see, even without hovering over the mouse, the blue of the Facebook icon.

    September 13, 2018 at 10:57 am #1009317
    brand
    This reply has been marked as private.
    September 13, 2018 at 3:13 pm #1009434
    Nikko

    Hi brand,

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

    #top #wrap_all .av-social-link-rss a{color:#fff; background-color:#ffa133; }
#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-mail a{color:#fff; background-color:#9fae37; }
#top #wrap_all .av-social-link-dribbble a{color:#fff; background-color:#e44885; }
#top #wrap_all .av-social-link-linkedin a{color:#fff; background-color:#419cca; }
#top #wrap_all .av-social-link-search a{color:#fff; background-color:#222222; }
#top #wrap_all .av-social-link-gplus a{color:#fff; background-color:#de5a49; }
#top #wrap_all .av-social-link-behance a{color:#fff; background-color:#008cfa; }
#top #wrap_all .av-social-link-flickr a{color:#fff; background-color:#ff0086; }
#top #wrap_all .av-social-link-forrst a{color:#fff; background-color:#234317; }
#top #wrap_all .av-social-link-myspace a{color:#fff; background-color:#000000; }
#top #wrap_all .av-social-link-tumblr a{color:#fff; background-color:#345574; }
#top #wrap_all .av-social-link-vimeo a{color:#fff; background-color:#31baff; }
#top #wrap_all .av-social-link-youtube a{color:#fff; background-color:#a72b1d; }
#top #wrap_all .av-social-link-pinterest a{color:#fff; background-color:#cb2027; }
#top #wrap_all .av-social-link-skype a{color:#fff; background-color:#12a5f4; }
#top #wrap_all .av-social-link-instagram a{color:#fff; background-color:#a67658; }
#top #wrap_all .av-social-link-five_100_px a{color:#fff; background-color:#222222; }
#top #wrap_all .av-social-link-soundcloud a{color:#fff; background-color:#F76700; }
#top #wrap_all .av-social-link-xing a{color:#fff; background-color:#006567; }
#top #wrap_all .av-social-link-vk a{color:#fff; background-color:#597BA5; }
#top #wrap_all .av-social-link-reddit a{color:#fff; background-color:#FF4500; }

    Hope this helps.

    Best regards,
    Nikko

    September 13, 2018 at 5:47 pm #1009556
    brand

    It works. Thanks, you’re great. To have the text “share this article” not in italics and with a font like Comfortaa?

    September 14, 2018 at 8:35 pm #1009938
    Basilis

    Hi,

    That is controlled from the plugin, have u consider ask the plugin author for that help? :)

    Best regards,
    Basilis

    September 14, 2018 at 8:42 pm #1009939
    brand

    Sorry, I’m talking about Share Social of Enfold Theme, not talk about Add to any.

    September 15, 2018 at 4:05 pm #1010168
    Nikko

    Hi brand,

    You can use this css code:

    #top .av-share-link-description {
    font-family: 'Comfortaa', sans-serif;
}

    Just make sure that Comfortaa font is loaded on the page.

    Best regards,
    Nikko

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