Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 26, 2017 at 1:15 pm #813039
    Dave

    Hi
    How do I make the socket taller as the social icons are too big for the height of the socket.

    I do have the Social Icons taller in the section above the header & using this CCS

    .phone-info {
    width: 300px;
    padding-top: 10px;
    padding-left: 75px;
    font-size: 20px !important;
    }

    #top .social_bookmarks li a {
    width: 55px;
    line-height: 30px;
    min-height: 45px;
    font-size: 30px;
    }

    #top .social_bookmarks li {
    height: 100%;
    width: 45px;
    }

    #top .social_bookmarks li a { line-height: 45px;
    }

    Thanks in advance
    Dave

    June 26, 2017 at 3:51 pm #813119
    Sarah

    Hey Dave,

    Instead of making the socket taller, may I suggest that we prevent them from being pushed down?

    Please try removing this code in Quick CSS

    #top .social_bookmarks li a { line-height: 45px; }

    And replace it with this instead:

    #top header .social_bookmarks li a { line-height: 45px; }

    This way, your footer socket social media icons are not affected by the line-height css rule for the header icons.

    Please let us know if you need more help.

    Best regards,
    Sarah

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.