Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 13, 2014 at 10:04 pm #367787
    webstrats

    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

    December 15, 2014 at 2:31 am #368103
    Ismael

    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

    December 15, 2014 at 3:03 am #368108
    webstrats

    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.

    December 15, 2014 at 6:13 pm #368420
    Elliott

    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

    December 15, 2014 at 6:23 pm #368424
    webstrats

    Great – Thanks!

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