CSS to display an image over a Discord link in your sidebar - For use by subreddit admins

discord-link-in-reddit-sidebar.css

/* 
   - Discord link must be in the following format in your sidebar:
      ##[Join our Discord Server!](http://discord.gg/invitecode)

   - Link text should not exceed one line when published.
   - To use a discord.me or other link, replace the URLs in the code below.
   - Make sure you upload your Discord banner image before saving the code.
     '-> The space to fill is around 288px x 100px.
         The code will resize the image to 100% of the sidebar space.
*/

.side a[href*="discord.gg"] { display: block; width: 100%; height: 100px; }
.side a[href*="discord.gg"]:after {
  content:'';
  width: 100%;
  height: 100px;
  background-image: url(%%discord%%);
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: block;
  margin: -25px 0 16px;
  position: relative;
  z-index: 2;
}

/*
   The above CSS will replace all discord.gg links in your sidebar.
   If you have multiple links and want to use different images,
   iterate the image code. Example:
*/

.side a[href*="discord.gg/server1"]:after {
  background-image: url(%%discordserver1%%);
}
.side a[href*="discord.gg/server2"]:after {
  background-image: url(%%discordserver2%%);
}

/*
   The original block of code needs to be included as well, 
   but the line repeated in the iterating code can be removed.
*/