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:
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.
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.