How can I align social icons using custom CSS code?

[franco33]

Hi Guys, 

Does anyone know how to fix this problem I am having with the icons not being at the same level, I used a custom CSS code for adding them in.

i am using this code and the ride theme

a.link.list-social__link[href*="telegram"],
a.link.list-social__link[href*="discord"] {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

a.link.list-social__link[href*="telegram"] svg,
a.link.list-social__link[href*="discord"] svg {
display: none;
}

a.link.list-social__link[href*="discord"] {
background-image: url("PASTE-DISCORD-IMAGE-LINK-HERE");
}

a.link.list-social__link[href*="telegram"] {
background-image: url("PASTE-TELEGRAM-IMAGE-LINK-HERE");
}​

[PageFly-Lucas]

Can you share with me the page URL.  I will help you check it. Thanks

[franco33]

thank you, the url is janustoken.io

[dmwwebartisan]

@franco33 

Please share your store URL!

Thanks!

[franco33]

thank you, the url is janustoken.io  

[dmwwebartisan]

@franco33 

Please add CSS code in the following screenshot to your assets/base.css bottom of the file.