skip to content

Quote Card

Good for: Displaying a single quote card

Page type used: Quote card

Can be used in all row options

Mobile: No major changes

Logic:

  • Card will span the entire width of the container it's sitting in
  • Cards with images on the left or right will change the image position to the top when the screen is less than 700px wide
  • Image will zoom in and out depending on the size of the quote card

Tip: You need to select the card and not the folder for this one

Image specs

  • Option to add an image to the top, left, or right side of the card
  • If using the "top" position:
    • Height = 200px
    • Width = column width
  • If using the "left or right" position:
    • Height = height of card
    • Width = responsive but somewhere around 33% of card width

Specs (card specific):

  • Card text colour:
    • Dark/Charcoal (default)
    • Light/White
  • Card border colour:
    • None (default)
    • Charcoal
    • White
  • Card background colour:
    • White (default)
    • Charcoal
    • Grey (E7)
    • Light grey (F2)
    • None (transparent)