Navigation
Archive / Social Media Rollover Effect
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 12, 2016 at 5:13 am #1082848
    appliedimage
    Participant

    Hi,

    When using the footer social media icons in X, if you hover over each icon there’s a rollover/hover effect.

    Is there a way to replicate this with images on my site?

    Thanks

    July 12, 2016 at 9:52 am #1083207
    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Global CSS:

    .x-img:hover {
    opacity: 0.75;
}

    Hope it helps 🙂

    July 12, 2016 at 2:14 pm #1083633
    appliedimage
    Participant

    Thanks for your responsive, i see the code you supplied adds the dynamic fade effect, is there a way to use this and make each image you rollover change to a different image?

    Thanks again

    July 12, 2016 at 11:18 pm #1084209
    Friech
    Moderator

    Hi There,

    It is possible but little bit tricky, you can follow any of the method on the link below.

    http://stradegyadvertising.com/tutorial-how-to-image-hover-swap-css/
    http://jsfiddle.net/gd8ba/light/

    Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities.

    Thanks for understanding.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1082848 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>