Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 3, 2022 at 9:57 pm #1371278
    schwabino

    Hello

    How can I adjust the size of the social me3dia icons in the top header extra option?

    Thanks
    B

    November 4, 2022 at 5:21 am #1371298
    Ismael

    Hey schwabino,

    Thank you for the inquiry.

    You can use this css code to adjust the style of the social icons in the top header.

    #top #header_meta .social_bookmarks li a {
    width: 60px;
    line-height: 60px;
    min-height: 60px;
    height: 100%;
    font-size: 20px;
}

#header_meta .container {
    min-height: 60px;
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    November 7, 2022 at 5:25 pm #1371668
    schwabino

    hmm I tried adding this flushed the cache turned off file compression and saw no change to the size?

    any ideas?

    Thanks
    B

    November 7, 2022 at 8:54 pm #1371697
    Rikard

    Hi,

    Could you post a link to where we can see the actual elements please?

    Best regards,
    Rikard

    November 7, 2022 at 9:45 pm #1371702
    schwabino
    This reply has been marked as private.
    November 7, 2022 at 9:51 pm #1371705
    Yigit

    Hi,

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

    
#top .av-logo-container .social_bookmarks li a {
  font-size: 20px;
}

    Regards,
    Yigit

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