Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #367787

    Two requests coming from my customer on my almost finished Kake Korner site (now at webstrats.com/kake)
    – How can I enlarge/change color of the social media icons in the header and footer?
    – Is it possible to center the text in the phone/info text above the header?

    Thanks! Love Enfold and your support!

    Randy Shannon

    #368103

    Hey webstrats!

    Thank you for using Enfold.

    You can use this on Quick CSS or custom.css:

    .av_phone_active_right .phone-info {
    float: none;
    text-align: center;
    }

    Change the social icons with this:

    .header_color .social_bookmarks a {
    color: pink;
    }
    
    #top .social_bookmarks li a {
    width: 50px;
    line-height: 50px;
    min-height: 50px;
    font-size: 25px;
    }
    
    #top .social_bookmarks li {
    width: 50px;
    }

    Cheers!
    Ismael

    #368108

    Thanks!
    I am still trying to make the icon colors in the socket darker… and maybe the socket a little deeper so the icons aren’t cut off when they are hovered.

    #368420

    Hi!

    For the socket try adding this.

    #socket .social_bookmarks a {
        color: black !important;
    }
    #socket .social_bookmarks li { overflow: visible !important; }
    #socket .container { min-height: 75px !important; }
    

    Cheers!
    Elliott

    #368424

    Great – Thanks!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Social media icons and centering header text’ is closed to new replies.