Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 30, 2014 at 9:22 am #297609
    Geoffdoyle

    I want to make the Social media icons in the header larger, and I also want to have them appear with the coloured background always showing (like how it is when you hover on them).

    Any suggestions

    July 30, 2014 at 11:59 am #297649
    Guenni007

    try this:

    #top .social_bookmarks {
    height: 50px;
}

#top .social_bookmarks li {
    background-color: #ccc !important;
    width: 50px;
}

#top .social_bookmarks li a {
    font-size: 30px;
    line-height: 50px;
    min-height: 50px;
    text-align: center;
    width: 50px;
}

    here i choosed font-size 30px – the 50px concerns to it. If you want bigger “images” you have to change these 50px as well.

    July 30, 2014 at 12:08 pm #297652
    Guenni007

    and if you want a different color for each you have to set up f.e.

    #top .social_bookmarks li.social_icon_1 {background-color: #aaa !important}
    or
    #top .social_bookmarks li.social_bookmarks_facebook {background-color: #aaa !important}

    etc.

    for social_bookmarks_twitter, social_bookmarks_skype, social_bookmarks_linkedin, and so on

    July 31, 2014 at 1:59 am #298027
    Yigit

    Hey!


    @guenni007     Thanks for helping :)

    Regards,
    Yigit

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