Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 13, 2016 at 3:25 pm #582733
    vossenm

    Hi there,

    Is it possible to invert the behavior/look of the social share buttons in the Avia editor?
    So I would like to see the colored version and when I hover it, it should become transparent?

    Regards,
    Marcel

    February 15, 2016 at 8:45 am #583195
    Rikard

    Hey Marcel,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    February 15, 2016 at 11:50 am #583290
    vossenm

    Hi there, sure, here it is!

    As you can see, the default icons are not very visible now, it would be great if the hover effect would work inverted :)

    February 16, 2016 at 6:31 am #583900
    Rikard

    Hi,

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

    .av-social-link-facebook {
background-color:blue !important;
}

.av-social-link-twitter {
background-color:lightblue !important;
}

.av-social-link-mail {
background-color:green !important;
}

.av-social-link-facebook:hover, .av-social-link-twitter:hover, .av-social-link-mail:hover {
background-color:transparent !important;
}

    Thanks,
    Rikard

    February 16, 2016 at 6:17 pm #584317
    vossenm

    Hi Rikard,

    This works great, thank you!

    Marcel

    February 17, 2016 at 4:33 pm #584826
    vossenm

    Hi Rikard,

    I noticed that the change also did something to the small social icons in the top right menu, is it possible to exclude that?

    Marcel

    February 19, 2016 at 6:46 am #585873
    Ismael

    Hey!

    Prepend the “.av-share-box-list” selector to the social share class above. Example:

    .av-share-box-list .av-social-link-facebook {
background-color:blue !important;
}

    Cheers!
    Ismael

    February 19, 2016 at 12:41 pm #585985
    vossenm

    Hi Ismael,

    Thank you very much, I sorted it out! :)

    Marcel

    • This reply was modified 8 years, 10 months ago by vossenm.
    February 22, 2016 at 6:03 am #586843
    Rikard

    Hi Marcel,

    Great, glad you managed to work it out :-)

    Thanks,
    Rikard

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