How to reduce the gap between social media icons?

[Alliance]

Hi Guys,

How to reduce the gap between social media icons in the footer as shown below :

Thank you

[Ujjaval]

@Alliance
put below css into theme.liquid before closing tag

[Alliance]

Hi,

I put the code in the theme.liquid but it didn’t work out .

[Ujjaval]

@Alliance
use below one

[GemPages]

Hello @Alliance ,

I would like to give you recommendation to support you.

To canThe Gap Between Social Media Icons, please follow my step to make it :

1. Go to Edit code on Online Store:

2. Add my code above the </body**>** tag on file Theme.liquid:

*Note: you can replace the number 10 with another number you want to reduce.

I hope you find the answer helpful. If you need further support, do not hesitate to reach out to us.

Kind & Best regards,
GemPages Support Team.

[Alliance]

Hi,

I did put the new code in theme.liquid but it didn’t worked out

[Ujjaval]

@Alliance
You can try follow this path:
Themes => edit code => asset => theme.scss.liquid
and add this code to bottom of the file theme.scss.liquid

.social-icons__item {
    padding: 0px 8px !important;
}

[Alliance]

Thank you.