Header size of social icons not changes

[dylandesilva]

Hi

HI want to change the social icons on the header and its not increasing even though I put the folowing code

.x-colophon.bottom .x-social-global a {
font-size:30px;
}

[tristup]

Hi @dylandesilva,
Thanks for reaching out.

Your code is affecting the Footer block, the class .x-colophon.bottom is pointing to the footer section.
To make it for header you need to set the proper selector class, which points to the header.

Thanks

[dylandesilva]

can you please tell me the exact code I need to put there to fix the issue?

Also how can I increase the height of the below part please.

[tristup]

Hi @dylandesilva,

You just need to replace .x-colophon.bottom with .x-topbar-inner, assuming that the social icons are in the top bar.
Your code will look like the following one:

.x-topbar-inner  .x-social-global a 
{
    font-size:30px;
}

Remember that the above code will work if copied as it is and don’t conflict with any existing style.
To get more help on that please go through resource.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes that means we can’t fix it in case it conflicts with something in your site nor will we enhance it.

Hope it helps.
Thanks