How to add Discord and Telegram icons to my Ride theme website?

Topic summary

Adding Telegram and Discord social icons to the Shopify Ride theme’s footer/social section. Goal: replace existing icons (e.g., Pinterest/Vimeo) with Telegram/Discord.

Proposed solution (confirmed working by OP):

  • Upload Telegram/Discord icon images to Shopify Files and copy their URLs.
  • In Theme > Customize > Theme Settings > Social Media, add Telegram/Discord profile links in any available social URL fields.
  • In Custom CSS, target social links containing “telegram” and “discord,” hide the default SVG, and set the uploaded image URLs as background images with contain/no-repeat/center.

Outcome: OP reports success, but the new icons appear vertically misaligned (too high). A screenshot was shared illustrating the issue. No follow-up CSS fix for alignment was provided.

Further activity:

  • Another user reports the CSS did not work when pasted directly into theme.css and requests assistance; no resolution shared yet.
  • One off-topic promotional link was posted.

Status: Partially resolved. Method to add icons is validated; alignment and implementation issues remain open without confirmed fixes.

Summarized with AI on December 17. AI used: gpt-5.

Hi Friend,

I try to use your CSS and add telegram icon to social media items.

Somehow code don’t work for me.

I past it directly theme.css

Maybe you have an idea how to improve it?

www.atiqot.com

Sincerely, Liya