Increase Social Icon in Header Toolbar

Howdy,

I'm trying to increase the size of the Facebook icon on this site: https://susanbensen.com, but can't seem to get the selector(s) correct.

Please advise.

Thanks in advance,

Casper

  • Nithin
    • Support Wizard

    Hey Casper,

    Seems like the CSS for the Social Icon is added via theme settings? Maybe your theme might have the option to change the size, however if that isn’t the case, you can apply the following CSS:

    .mk-header-toolbar .mk-header-social svg {
    width: 32px !important;
    height: 32px !important;
    }

    However the use of !important declaration is not something which I would recommend, but in some cases’s it’s necessary to apply these rules to overwrite the existing styles.

    Would highly recommend that you make changes like this to a theme using a Child theme, so that it won’t be overwritten when you update your theme.

    Please let us know if you still need any further assistance. Have a nice day. :slight_smile:

    Best Regards,

    Nithin

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.