Typography

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at tellus sem. Quisque sit amet enim sapien, in mattis sem. Ut id nunc mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis facilisis rutrum lorem vitae faucibus. Nullam sagittis dui id quam pulvinar consectetur sagittis elit gravida. Vivamus elementum consectetur venenatis. Vivamus tristique elementum metus, a ultricies velit dignissim non. Nulla interdum posuere mattis. Etiam lectus ipsum, consectetur vitae porttitor sit amet, sagittis ac lacus.

Title as H1: Etiam lectus ipsum, consectetur vitae porttitor sit amet

Nullam vulputate mi at est dictum eget facilisis lorem viverra. Nam ullamcorper pulvinar massa, eget eleifend sapien ultrices sed. Nulla vel est risus. Quisque et nibh sed dolor vulputate malesuada. Sed tempus lacus eget mi auctor tempus sed ut nisl. Nullam id purus dui, vitae imperdiet nibh.

Title as H2: Etiam lectus ipsum, consectetur vitae porttitor sit amet

Nullam vulputate mi at est dictum eget facilisis lorem viverra. Nam ullamcorper pulvinar massa, eget eleifend sapien ultrices sed. Nulla vel est risus. Quisque et nibh sed dolor vulputate malesuada. Sed tempus lacus eget mi auctor tempus sed ut nisl. Nullam id purus dui, vitae imperdiet nibh.

Title as H3: Etiam lectus ipsum, consectetur vitae porttitor sit amet

Nullam vulputate mi at est dictum eget facilisis lorem viverra. Nam ullamcorper pulvinar massa, eget eleifend sapien ultrices sed. Nulla vel est risus. Quisque et nibh sed dolor vulputate malesuada. Sed tempus lacus eget mi auctor tempus sed ut nisl. Nullam id purus dui, vitae imperdiet nibh.

Title as H4: Etiam lectus ipsum, consectetur vitae porttitor sit amet

Nullam vulputate mi at est dictum eget facilisis lorem viverra. Nam ullamcorper pulvinar massa, eget eleifend sapien ultrices sed. Nulla vel est risus. Quisque et nibh sed dolor vulputate malesuada. Sed tempus lacus eget mi auctor tempus sed ut nisl. Nullam id purus dui, vitae imperdiet nibh.

Title as H5: Etiam lectus ipsum, consectetur vitae porttitor sit amet

Nullam vulputate mi at est dictum eget facilisis lorem viverra. Nam ullamcorper pulvinar massa, eget eleifend sapien ultrices sed. Nulla vel est risus. Quisque et nibh sed dolor vulputate malesuada. Sed tempus lacus eget mi auctor tempus sed ut nisl. Nullam id purus dui, vitae imperdiet nibh.

Title as H6: Etiam lectus ipsum, consectetur vitae porttitor sit amet

Nullam vulputate mi at est dictum eget facilisis lorem viverra. Nam ullamcorper pulvinar massa, eget eleifend sapien ultrices sed. Nulla vel est risus. Quisque et nibh sed dolor vulputate malesuada. Sed tempus lacus eget mi auctor tempus sed ut nisl. Nullam id purus dui, vitae imperdiet nibh.

Google Webfonts

This theme uses Google webfonts for titles, buttons, navigation and many other page elements.

Have fun with it!

Blockquotes

Vivamus elementum consectetur venenatis. Vivamus tristique elementum metus, a ultricies velit dignissim non. Nulla interdum posuere mattis. Etiam lectus ipsum, consectetur vitae porttitor sit amet, sagittis ac lacus.

Nulla interdum posuere mattis. Etiam lectus ipsum, consectetur vitae porttitor sit amet, sagittis ac lacus.

Nullam sagittis dui id quam pulvinar consectetur sagittis elit gravida. Vivamus elementum consectetur venenatis. Vivamus tristique elementum metus, a ultricies velit dignissim non. Nulla interdum posuere mattis. Etiam lectus ipsum, consectetur vitae porttitor sit amet, sagittis ac lacus.

There’s a larger blockquote too! It uses Shortcode.

The Code

[big_blockquote textalign="justify"]
...your text goes here...
[/big_blockquotet]

[big_blockquote textalign=”justify”]This is alternative Home page layout example. Sofa SuppaStore theme has 5 different ready-made layouts and all you have to do is to pick one that fits best to your needs. Each layout may have a title, text with images or video – just like any other “normal” Page or Post. You can even use Shortcodes to additionally arrange content.[/big_blockquote]

Lists…

Fusce ac massa sit amet risus varius scelerisque vel sed massa. Maecenas viverra pretium risus at ultricies. Nullam sapien massa, tempus rutrum ultricies vitae, fringilla ut sapien. Nulla facilisi. Morbi in sapien ac nibh auctor viverra a id dolor. Aenean sed tortor fringilla mauris convallis pharetra.

Unordered list

  • Sed vel nisl risus
  • Proin vitae diam ut est
    • Venenatis laoreet eget sed orci
    • Pellentesque sapien sapien
  • Dictum vitae viverra quis

Nullam vulputate mi at est dictum eget facilisis lorem viverra. Nam ullamcorper pulvinar massa, eget eleifend sapien ultrices sed. Nulla vel est risus. Quisque et nibh sed dolor vulputate malesuada. Sed tempus lacus eget mi auctor tempus sed ut nisl. Nullam id purus dui, vitae imperdiet nibh.

Ordered list

  1. Mattis eget eros
  2. Nulla facilisi
  3. Proin vitae diam ut est
    • Venenatis laoreet eget sed orci
    • Pellentesque sapien sapien
  4. Praesent non magna est
  5. Vel tempor purus

Highlights…blue or red or inverse?

The Code for Blue

[hl_blue]
...your text goes here...
[/hl_blue]

Fusce ac massa sit amet risus varius scelerisque vel sed massa. [hl_blue]Maecenas viverra pretium risus at ultricies. Nullam sapien massa, tempus rutrum ultricies vitae, fringilla ut sapien.[/hl_blue] Nulla facilisi. Morbi in sapien ac nibh auctor viverra a id dolor. Aenean sed tortor fringilla mauris convallis pharetra.

The Code for Red

[hl_red]
...your text goes here...
[/hl_red]

Fusce ac massa sit amet risus varius scelerisque vel sed massa. Maecenas viverra pretium risus at ultricies. Nullam sapien massa, tempus rutrum ultricies vitae, fringilla ut sapien. [hl_red]Nulla facilisi. Morbi in sapien ac nibh auctor viverra a id dolor.[/hl_red] Aenean sed tortor fringilla mauris convallis pharetra.

The Code for Inverse

[hl_inverse]
...your text goes here...
[/hl_inverse]

Fusce ac massa sit amet risus varius scelerisque vel sed massa. Maecenas viverra pretium risus at ultricies. [hl_inverse]Nullam sapien massa, tempus rutrum ultricies vitae[/hl_inverse], fringilla ut sapien. Nulla facilisi. Morbi in sapien ac nibh auctor viverra a id dolor. Aenean sed tortor fringilla mauris convallis pharetra.

Separator

...your text goes here...[separator]

It’s below me![separator]

Stronger Text

[stronger]
...your text goes here...
[/stronger]

Fusce ac massa sit amet risus varius scelerisque vel sed massa. Maecenas viverra pretium risus at ultricies. Nullam sapien massa, tempus rutrum ultricies vitae, fringilla ut sapien. [stronger]Nulla facilisi. Morbi in sapien ac nibh auctor viverra a id dolor.[/stronger] Aenean sed tortor fringilla mauris convallis pharetra.

Preformatted

Nullam vulputate mi at est dictum eget facilisis lorem viverra. Nam ullamcorper pulvinar massa, eget eleifend sapien ultrices sed. Nulla vel est risus. Quisque et nibh sed dolor vulputate malesuada. Sed tempus lacus eget mi auctor tempus sed ut nisl. Nullam id purus dui, vitae imperdiet nibh.


global $wp_query;
$pgd = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1;
$temp_query = $wp_query;
$wp_query = NULL;
$append_query = '';
if( $hp_paginas == 'yes' ) $append_query = '&paged=' . $pgd;
$wp_query = new WP_Query( 'post_type=product&post_status=publish&posts_per_page='. $hp_num_products . $append_query );