Typo

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.

Intro text

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis.

 

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

 

John Doe

Marketing Specialist / Pexeto


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.

Jessica Doe

Project Manager / Pexeto


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.

Displaying images and thumbnails of different sizes in the content.

Phasellus sed justo enim. Curabitur nec urna vel velit consequat malesuada. Mauris rhoncus scelerisque auctor. Phasellus pellentesque, dolor ut ultrices congue, nulla est dapibus augue, ac posuere ligula urna ac sapien. Suspendisse fringilla dolor non leo adipiscing sed aliquam est venenatis. Phasellus sed justo enim. Curabitur nec urna vel velit consequat malesuada. Mauris rhoncus scelerisque auctor. Phasellus pellentesque, dolor ut ultrices congue, nulla est dapibus augue, ac posuere ligula urna ac sapien. Suspendisse fringilla dolor non leo adipiscing sed aliquam est venenatis.
Phasellus sed justo enim. Curabitur nec urna vel velit consequat malesuada. Mauris rhoncus scelerisque auctor. Phasellus pellentesque, dolor ut ultrices congue, nulla est dapibus augue, ac posuere ligula urna ac sapien. Suspendisse fringilla dolor non leo adipiscing sed aliquam est venenatis. Phasellus sed justo enim. Curabitur nec urna vel velit consequat malesuada. Mauris rhoncus scelerisque auctor. Phasellus pellentesque, dolor ut ultrices congue, nulla est dapibus augue, ac posuere ligula urna ac sapien. Suspendisse fringilla dolor non leo adipiscing sed aliquam est venenatis.

Lightbox image

 

 

Image with caption

 

Just set the Caption field of your image to contain the text to be displayed.

This is the image caption.

 

Quick Gallery

 

YouTube Video

 

With the build in video buttons it is quick and easy to embed a YouTube video in the content.


Vimeo Video

 

With the build in video buttons it is quick and easy to embed a Vimeo video in the content.

Two Columns

1Aenean urna purus, scelerisque sed facilisis nec, consectetur sit amet velit. Ut tortor mi, commodo malesuada eleifend adipiscing, malesuada molestie lectus. Proin cursus felis nec nisl fringilla volutpat. Integer gravida consectetur nisi non elementum.

Two Columns

2Aenean urna purus, scelerisque sed facilisis nec, consectetur sit amet velit. Ut tortor mi, commodo malesuada eleifend adipiscing, malesuada molestie lectus. Proin cursus felis nec nisl fringilla volutpat. Integer gravida consectetur nisi non elementum.

Three Columns

1Aenean urna purus, scelerisque sed facilisis nec, consectetur sit amet velit. Ut tortor mi, commodo malesuada eleifend adipiscing, malesuada molestie lectus. Proin cursus felis nec nisl fringilla volutpat. Integer gravida consectetur nisi non elementum.

Three Columns

2Aenean urna purus, scelerisque sed facilisis nec, consectetur sit amet velit. Ut tortor mi, commodo malesuada eleifend adipiscing, malesuada molestie lectus. Proin cursus felis nec nisl fringilla volutpat. Integer gravida consectetur nisi non elementum.

Three Columns

3Aenean urna purus, scelerisque sed facilisis nec, consectetur sit amet velit. Ut tortor mi, commodo malesuada eleifend adipiscing, malesuada molestie lectus. Proin cursus felis nec nisl fringilla volutpat. Integer gravida consectetur nisi non elementum.

 

Four Columns

1Aenean urna purus, scelerisque sed facilisis nec, consectetur sit amet velit. Ut tortor mi, commodo malesuada eleifend adipiscing, malesuada molestie lectus. Proin cursus felis nec nisl fringilla volutpat. Integer gravida consectetur nisi non elementum.

Four Columns

2Aenean urna purus, scelerisque sed facilisis nec, consectetur sit amet velit. Ut tortor mi, commodo malesuada eleifend adipiscing, malesuada molestie lectus. Proin cursus felis nec nisl fringilla volutpat. Integer gravida consectetur nisi non elementum.

Four Columns

3Aenean urna purus, scelerisque sed facilisis nec, consectetur sit amet velit. Ut tortor mi, commodo malesuada eleifend adipiscing, malesuada molestie lectus. Proin cursus felis nec nisl fringilla volutpat. Integer gravida consectetur nisi non elementum.

Four Columns

4Aenean urna purus, scelerisque sed facilisis nec, consectetur sit amet velit. Ut tortor mi, commodo malesuada eleifend adipiscing, malesuada molestie lectus. Proin cursus felis nec nisl fringilla volutpat. Integer gravida consectetur nisi non elementum.


Tab One Content

Tab Two Content

Tab Three Content