Resize Social Media SVG Icons

  • Resolved Das Capitolin

    (@das-capitolin)


    10 months, 3 weeks ago

    Happy new year, Kharis!

    I am using Sydney 2.32 (free) on WordPress 6.4.2. Everything works fine, but the Social Media icons are very small (14px) on both desktop and mobile. I was able to increase to 20px, but no larger, by adding this CSS:

    .header-elements svg {
    fill: #fff;
    max-height: 20px;
}

    I would like to increase the size of these social media icons, ideally for desktop and mobile. Suggestions?

    • This topic was modified 10 months, 3 weeks ago by Das Capitolin.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @das-capitolin,

    Happy New Year!

    Try this CSS code:

    .header-elements .sydney-svg-icon {
    width: 56px;
    height: 56px;
}

.header-elements .sydney-svg-icon svg {
    max-height: 56px;
}
    Thread Starter Das Capitolin

    (@das-capitolin)

    Thank you very much for your assistance, @kharisblank!

    While the code you suggest works for the header only, I used your code clue to insert additional CSS that resizes social media icons across the entire site:

    .social-profile .sydney-svg-icon {
    width: 36px;
}
.social-profile .sydney-svg-icon svg {
    max-height: 40px;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Resize Social Media SVG Icons’ is closed to new replies.

Tags