What is markdown?

Markdown
is a lightweight markup language with plain text formatting syntax. It is designed so that it can be converted to HTML and many other formats using a tool by the same name.

To customise your card, please add the appropriate code mentioned below to Custom CSS under the Style section of the markdown card.

Text colour
The text in markdown card can be of the following types:

  • Paragraph (Text used without any special suffix/prefix) 
// Replace #4CC7FF with required colour code;

p{
 color: #4CC7FF !important;
}
  • Heading (Starts with #)
Headers can be of following types:
h1: #
h2: ##
h3: ###
h4: ####
h5: #####
h6: ######
// Please replace h2 with suitable header.
// Replace #4CC7FF with required colour code;

h2{
 color: #4CC7FF !important;
}

Please refer here for colour codes.

Background Color of the markdown card

// Replace #4CC7FF with required colour code;
.container-main {
  background-color: #4CC7FF !important;
}


Button

 Background and text colour

  • For Best offers theme
// Replace #4CC7FF with required colour code;

.mdl-button {
color: #4CC7FF !important;
background: #4FD7FF !Important;
}
  • For rest of the themes
// Replace #4CC7FF with required colour code;

a{
color: #4CC7FF !important;
background: #4FD7FF !Important;
}


Image size

// Replace 100px with required image size and try to maintain aspect ratio

img{
width: 100px;
height: 100px;
}
Did this answer your question?