Styles Demo
Typography
Editors have the power to alter the appearance of content within the site using the powerful built-in editor. For example, this introductory text which can be added with the styles that drop down within the CMS editor.
The typography of the Simple theme is designed to create a strong hierarchy with basic styles. The primary header font is "Cambo Regular" which is not a regular web font but provides a good example of how custom web fonts from services like Typekit and Google Fonts can be used to smarten up themes allowing them to be more individual. Regular paragraphs are set using the font Arial at a size of 13px with 20px line height.
Heading <h1>
Heading <h2>
Heading <h3>
Heading <h4>
Heading <h5>
Heading <h6>
Normal text, hyperlinks, bold, and italics.
This is a blockquote style example.
You can insert symbols © and Silverstripe CMS supports characters from languages across the globe.
- Bullet One
- Bullet Two
- Bullet Three
- List One
- List Two
- List Three
Left aligned content
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod semper. Maecenas faucibus mollis interdum. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Center aligned content
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod semper. Maecenas faucibus mollis interdum. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Right aligned content
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod semper. Maecenas faucibus mollis interdum. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit.