Navigation
Archive / Header Hover Social
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 3, 2017 at 8:38 pm #1394038
    Andrew F
    Participant

    My site is here http://hockel.bryantconsultants.com

    As you can see in Footer widget 2 I have a hover effect for those icons. I was able to switch out the social footer and header icons but I cannot get the hover effect to work. I have placed some CSS for the instagram one so far as a test if you could take a look for me and see what is going wrong there. I think I need some sort of variation of this

    .x-social-global a i {
    background-size : cover;
    }

    March 4, 2017 at 2:37 am #1394221
    Friech
    Moderator

    Hi There,

    Thank you for writing in! You can add this under Custom > CSS in the Customizer.

    .x-social-global a {
	    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
	    border-radius: 100em;
}

.x-social-global a:hover {
	box-shadow: 6px 6px 4px 4px rgba(0,0,0,0.3);
}

    Hope it helps, Cheers!

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