How can I align social icons using custom CSS code?

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.

Screenshot 2023-06-01 201309.png

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”);
}​

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

@franco33

Please share your store URL!

Thanks!

thank you, the url is janustoken.io

thank you, the url is janustoken.io

@franco33

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