Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #778838

    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.

    #778849

    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

    #779362

    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?

    #779382

    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

    #793194

    Hi,

    how about the icons at the footer ?
    thanks

    #793197

    Hi Jon,

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

    Best regards,
    John Torvik

    #794199

    Hi,

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

    #794309

    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

    #794733

    How about the size of the icon ?
    thanks

    #794764

    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

    #795756

    Hi Sarah,
    Thank you

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

    View post on imgur.com

    #795796

    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

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