Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 17, 2017 at 6:09 pm #778838
    New West

    I would like to increase the size of the social media icons in space above header. I use this code:

    #header_meta {
    min-height: 40px !important;
    }

    to increase the header size but need to also increase icon size.

    April 17, 2017 at 6:33 pm #778849
    Yigit

    Hey TeamBlackBox!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top #header .social_bookmarks li a {
    font-size: 20px;
}

    Regards,
    Yigit

    April 18, 2017 at 3:21 pm #779362
    New West

    Great that works perfectly, when you increase the size of the icons they are too close together. Is there a way to space them out more. Also is there some code to resize the secondary menu text in the top bar?

    April 18, 2017 at 3:34 pm #779382
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top #header .social_bookmarks li {
    margin-right: 5px;
}
.sub_menu a {
    font-size: 13px;
}

    Best regards,
    Yigit

    May 15, 2017 at 8:32 am #793194
    Jon

    Hi,

    how about the icons at the footer ?
    thanks

    May 15, 2017 at 8:35 am #793197
    John Torvik

    Hi Jon,

    Just provide us your website link and we`ll provide you the correct code.

    Best regards,
    John Torvik

    May 16, 2017 at 6:01 pm #794199
    Jon

    Hi,

    please see private content
    need to change the color to black and white too
    the hover color

    May 16, 2017 at 7:04 pm #794309
    Yigit

    Hi,
    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    #socket .social_bookmarks li a {
    color: white;
}

    Best regards,
    Yigit

    May 17, 2017 at 10:16 am #794733
    Jon

    How about the size of the icon ?
    thanks

    May 17, 2017 at 10:56 am #794764
    Sarah

    Hi!

    Yigit already answered the font size question. Did you need it to be something other than 20px?
    Your code would now be this, based on what Yigit already gave you:

    #socket .social_bookmarks li a {
    color: white;
    font-size: 15px !important;
}

    And then for hover colors, you can use this code:

    #top .social_bookmarks li:hover a {
   color: black !important;
   background-color:white !important;
}

    Best regards,
    Sarah

    May 18, 2017 at 10:20 am #795756
    Jon

    Hi Sarah,
    Thank you

    how about the spacing in between each icon ?
    looking a little cramp now
    see screenshot

    View post on imgur.com

    May 18, 2017 at 11:20 am #795796
    Sarah

    Hi,

    To adjust the spacing between them, please use this code as basis, and just adjust the values:

    #top .social_bookmarks li {margin: 0 5px;}

    Also, since you made the icons 30px high, please use this code as well so that the instagram icon isn’t cut off:

    #top .social_bookmarks {height:35px;}

    Best regards,
    Sarah

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