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?
Sincerely, Liya
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.