Styleguide FOR mind.org.uk

Quote

Person with glasses and a shoulder tattoo

Quote text goes here

Woman using a laptop

Quote text goes here

Quote text goes here

Placement

Quotes can be placed within body content as part of 50 /50, (Left/Right) Sidebar and Full Width rows, with the quote adjusting to the container it is placed in.

Settings

  • Image - the image that should appear as part of the quote - this will appear behind text on desktop / tablet but appear above text on mobile. A quote image must be at least 1200 x 600px to meet desktop requirements.
  • Quote Text - the text that should appear - and only has one set style applied.
  • Text Position - text can be left / right aligned depending upon the background image selected.

Next

 

Anonymous quote

If you have a quote that needs to stay anonymous, we'd recommend using the 'Rich Text Editor' and selecting the 'Quote 3' formatting. This will add a pink background and help your quote stand out from the page without the background image.

"Quote text goes here"