Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #919918

    Hi,

    The social icons in the header on this site. http://www.virtlab.dreamhosters.com/ are only showing up on hover. My client would also like them to be square with slightly rounded corners. I could use some help.

    Thank you so much

    #920081

    Hey kenn_milkshakemedia,
    I see that the icons are white by default, and your page is white. Try this code at the end of your General Styling > Quick CSS field, it makes the white icons stand out by adding a gray square background, which changes to color on hover.

    .social_bookmarks li {
        background: gray !important; 
        border-radius: 4px!important; 
        margin-right: 2px!important; 
    }
    #top #wrap_all .av-social-link-facebook:hover a {
        background-color: #37589b!important; 
        border-radius: 4px!important; 
    }
    
    #top #wrap_all .av-social-link-twitter:hover a {
        background-color: #46d4fe!important; 
        border-radius: 4px!important; 
    }

    expected results
    2018-03-01_223744

    Best regards,
    Mike

    #920101

    Mike,

    That did the trick. Thank you so much for your quick and complete help.

    Cheers,
    Kenn

    #920338

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.
    For your information, you can take a look at Enfold documentation here
    and the video tutorials here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Social Icons in Header not visible.’ is closed to new replies.