Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #1007115

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

    #1007160

    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

    #1007163

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

    #1007228

    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

    #1007239

    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 6 years, 3 months ago by Nikko.
    #1007302

    Hi dariosolarino ,

    Can you try adding this css code in Quick CSS:

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

    Best regards,
    Nikko

    #1007310

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

    #1007362

    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

    #1009027

    unfortunately I have not solved, the hover effect remains visible

    #1009028
    This reply has been marked as private.
    #1009038

    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

    #1009315

    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.

    #1009317
    This reply has been marked as private.
    #1009434

    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

    #1009556

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

    #1009938

    Hi,

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

    Best regards,
    Basilis

    #1009939

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

    #1010168

    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

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