Styles Examples

Headings:

H1 Heading

(Note: the title at the top of each page is H1 by default so you don't need to manually apply H1 heading to any body text.)

H2 Heading

H3 Heading

H4 Heading

 

Lists

Bullets, regular:

  • Nullam in dui mauris
  • Nullam in dui mauris
  • Nullam in dui mauris
  • Nullam in dui mauris

Bullets ".features-list":

  • Nullam in dui mauris
  • Nullam in dui mauris
  • Nullam in dui mauris
  • Nullam in dui mauris

Bullets, list of links with icons (".link-list"):

 

Table:

When using the WYSIWYG editor to create a table, set the CELLSPACING, CELLPADDING, and BORDER values to 0.  And set the WIDTH value to nothing (clear it).

Lorem ipsum amet sit dolor lorem ipsum amet sit dolor.
Lorem Semper Sed Amet Ipsum
Lorem01 Semper01 Sed01 Amet01 Ipsum01
Lorem02 Semper02 Sed02 Amet02 Ipsum02
Lorem03 Semper03 Sed03 Amet03 Ipsum03
Lorem04 Semper04 Sed04 Amet04 Ipsum04

 

Forms:

Textfields should have ".form-text" class applied to them:

 

Buttons:

Buttons must have the ".btn" class applied to them:

 

 

Standard links can also use the ".btn" class to look like a button:

Get FREE Trial!

 

Testimonials/Blockquotes:

"Id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis"

 

Horizontal Rule: