Main html elements and theme shortcodes

You can beautifully enhance your content & typography of the theme by using simple HTML code and shortcodes. The theme’s framework offer neat CSS styles for HTML elements such as headers, lists, tables, highlight boxes, buttons, etc.

Unordered lists

  • mel eruditi meliore
  • solet partiendo repudiandae
  • vis laudem saperet

Ordered lists

  1. mel eruditi meliore
  2. solet partiendo repudiandae
  3. vis laudem saperet
code snippet for unordered and ordered lists
<ul>
<li>mel eruditi meliore</li>
<li>solet partiendo repudiandae</li>
<li>vis laudem saperet</li>
</ul>
<ol>
<li>mel eruditi meliore</li>
<li>solet partiendo repudiandae</li>
<li>vis laudem saperet</li>
</ol>

Obviously, you can create these lists using default wordpress list editor(it’s not necessary needed to create HTML).

theme specific lists

favourite list

    • mel eruditi meliore
    • solet partiendo repudiandae
    • vis laudem saperet

check list

    • mel eruditi meliore
    • solet partiendo repudiandae
    • vis laudem saperet

arrow list

    • mel eruditi meliore
    • solet partiendo repudiandae
    • vis laudem saperet

add list

    • mel eruditi meliore
    • solet partiendo repudiandae
    • vis laudem saperet
shortcode usage
[custom_list type="fav" indent="16px"]
<li>mel eruditi meliore</li>
<li>solet partiendo repudiandae</li>
<li>vis laudem saperet</li>
[/custom_list]

This code should be used in the HTML tab of your wordpress editor, since it uses HTML list tags(li’s). You can choose between fav, check, arrow and add in the type parameter of the shortcode.

highlighted box content
This is a simple box that should be used to emphasize a information message.
This is a simple box that should be used to emphasize a confirmation message.
This is a simple box that should be used to emphasize a warning message.
This is a simple box that should be used to emphasize an error message.
shortcode usage
[message_box type="information"]highlighted text[/message_box]

You can choose between information, confirmation, warning and error options for type parameter.

tables
Prodesset Ornatus Interesset Comprehensam
Eam hinc Prompta oportere Deterruisset Lorem ipsum
Appellantur Ornatus Interesset Scripserit
Prodesset Aeterno Homero Eam hinc
Vivendum 442 eam 6783 set 139 euismod

To create a table like this, all you have to do is to paste in the HTML tab of your wordpress editor a normal and clean table code with no classes at all.

nice css3 button examples

read more »
you can insert any text you want

[avbtn link="button_links_to"]read more »[/avbtn]