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

Store Design
, , ,
1

Hi Guys,

I am running the Ride theme and I am trying to add the discord icon and telegram icon onto my website.

I tried replacing the Pinterest icon and vimeo icon with discord and telegram icon but have not been successful any tips are greatly appreciated.

2

Hey there!

  1. Go to your Files
  2. Upload the telegram and discord icon you want to use, they can be in any format. Once you uploaded both click on the link button next to each so you can copy the url, save them somewhere.
  3. Go to Themes and Customize the theme you are using. Under Theme Settings > Social Media, add just the links to your Telegram and Discord, you can add them in any of the available text fields.
  4. Go to Custom CSS and paste the following code:
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");
}​
  • Replace the URLs for the ones you copied on your files page.

Should be working now, good luck!

1 Like
3

Hi Gonzacaminos,

this worked perfectly thank you!!!

4

Screenshot 2023-06-01 201309.png

only problem im running into is that they now appear a bit too high

5

Great Groups for Telegram related Discussion: Telegram Group Links

6

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