Typography and Elements

You can easily customize the typography in the theme – we have included support for Google Fonts, Cufon Fonts and Web Safe fonts in the font section of the Pexeto Panel. Here are some examples of the default styled typography elements included with the theme for quick and easy way to create and edit your site content.

Headings

 

This is how the standard typographic hierarchy looks in the theme. It is great  for structuring your content.

This is a Heading 1 Element

Nam convallis imperdiet pretium. Integer commodo malesuada purus, a hendrerit erat aliquet in. Nunc eget odio augue, non fringilla lacus. Sed condimentum justo sit amet.

This is a Heading 2 Element

Nam convallis imperdiet pretium. Integer commodo malesuada purus, a hendrerit erat aliquet in. Nunc eget odio augue, non fringilla lacus. Sed condimentum justo sit amet.

This is a Heading 3 Element

Nam convallis imperdiet pretium. Integer commodo malesuada purus, a hendrerit erat aliquet in. Nunc eget odio augue, non fringilla lacus. Sed condimentum justo sit amet.

This is a Heading 4 Element

Nam convallis imperdiet pretium. Integer commodo malesuada purus, a hendrerit erat aliquet in. Nunc eget odio augue, non fringilla lacus. Sed condimentum justo sit amet.

This is a Heading 5 Element

Nam convallis imperdiet pretium. Integer commodo malesuada purus, a hendrerit erat aliquet in. Nunc eget odio augue, non fringilla lacus. Sed condimentum justo sit amet.

This is a Heading 6 Element

Nam convallis imperdiet pretium. Integer commodo malesuada purus, a hendrerit erat aliquet in. Nunc eget odio augue, non fringilla lacus. Sed condimentum justo sit amet.

Highlight Text

 
Great to call attention or to flag any phrase in your text.

Lorem ipsum dolor sit amet, Important  . Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis. Lorem ipsum brand new , consectetur adipiscing elit.Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis.

 

Blockquote

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis.

 

Drop Caps

 
Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis.

 

Bulleted Lists

 
The following styled bulleted lists are available:

  • Lorem ipsum
  • Consectetur
  • Phasellus iaculis
  • Eget porttitor

 

  • Integer molestie
  • Faucibus lacus
  • Aenean amet
  • Eget porttitor
  • Dolor sit amet
  • Adipiscing elit
  • Lorem at massa
  • Pretium aliquet

 

  • Facilisis aliquet
  • Volutpat ali
  • Dolor sit amet
  • Adipiscing elit
  • Aenean amet
  • Eget porttitor
  • Facilisis aliquet
  • Volutpat ali

 

  • Dolor sit amet
  • Adipiscing elit
  • Aenean amet
  • Eget porttitor



Flexible Buttons

 

With the new Styling Buttons included in this theme you can apply Button styles to anything. This is how the default style of a button looks:

Button It Is Flexible Button

Also there is an included color picker so that it is really easy for users to apply different color styles.

Color Picker Rain Bow Resizable Buttons

 

Table Design

 

Tables are great to present information in a clear and structured form. This is how the default table design looks like.

Header Item 1 Header Item 1 Header Item 1 Header Item 1
Item 1 Item 1 Item 1 Item 1
Item 1 Item 1 Item 1 Item 1
Item 1 Item 1 Item 1 Item 1


Info Boxes

 

For displaying messages and highlighting important information, notes, failure or success of an action.

Info: Insert your text here
Note: Insert your text here
Error: Insert your text here
Tip: Insert your text here