{"id":1617,"date":"2011-03-10T13:07:22","date_gmt":"2011-03-10T13:07:22","guid":{"rendered":"http:\/\/pexeto.com\/highlight_wp\/?page_id=486"},"modified":"2015-03-20T04:21:53","modified_gmt":"2015-03-20T02:21:53","slug":"typography","status":"publish","type":"page","link":"https:\/\/letterart.eu\/de\/index.php\/typography\/","title":{"rendered":"Typography and Elements"},"content":{"rendered":"<p>You can easily customize the typography in the theme &#8211; 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.<\/p>\n<h1 class=\"page-heading\">Headings<\/h1>\n<p><span class=\"double-line\">\u00a0<\/span><\/p>\n<p>This is how the standard typographic hierarchy looks in the theme. It is great\u00a0 for structuring your content.<\/p>\n<h1>This is a Heading 1 Element<\/h1>\n<p>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.<\/p>\n<h2>This is a Heading 2 Element<\/h2>\n<p>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.<\/p>\n<h3>This is a Heading 3 Element<\/h3>\n<p>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.<\/p>\n<h4>This is a Heading 4 Element<\/h4>\n<p>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.<\/p>\n<h5>This is a Heading 5 Element<\/h5>\n<p>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.<\/p>\n<h6>This is a Heading 6 Element<\/h6>\n<p>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.<br class=\"clear\" \/><br class=\"clear\" \/><\/p>\n<h1 class=\"page-heading\">Highlight Text<\/h1>\n<p><span class=\"double-line\">\u00a0<\/span><br \/>\nGreat to call attention or to flag any phrase in your text.<\/p>\n<p>Lorem ipsum dolor sit amet,<span class=\"highlight1\"> <span class=\"hihglight1\">Important<\/span><\/span>\u00a0 . Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis. Lorem ipsum<span class=\"highlight2\"> brand new<\/span>\u00a0, consectetur adipiscing elit.Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis.<\/p>\n<p>&nbsp;<\/p>\n<h1 class=\"page-heading\">Blockquote<\/h1>\n<p><span class=\"double-line\">\u00a0<\/span><\/p>\n<blockquote><p>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.<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h1 class=\"page-heading\">Drop Caps<\/h1>\n<p><span class=\"double-line\">\u00a0<\/span><br \/>\n<span class=\"drop-caps\">D<\/span>onec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis.\u00a0 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.<\/p>\n<p>&nbsp;<\/p>\n<h1 class=\"page-heading\">Bulleted Lists<\/h1>\n<p><span class=\"double-line\">\u00a0<\/span><br \/>\nThe following styled bulleted lists are available:<\/p>\n<div class=\"columns-wrapper nomargin\">\n<div class=\"three-columns\">\n<ul class=\"bullet_check imglist\">\n<li>Lorem ipsum<\/li>\n<li>Consectetur<\/li>\n<li>Phasellus iaculis<\/li>\n<li>Eget porttitor<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"bullet_star imglist\">\n<li>Integer molestie<\/li>\n<li>Faucibus lacus<\/li>\n<li>Aenean amet<\/li>\n<li>Eget porttitor<\/li>\n<\/ul>\n<\/div>\n<div class=\"three-columns\">\n<ul class=\"bullet_arrow4 imglist\">\n<li>Dolor sit amet<\/li>\n<li>Adipiscing elit<\/li>\n<li>Lorem at massa<\/li>\n<li>Pretium aliquet<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"bullet_arrow imglist\">\n<li>Facilisis aliquet<\/li>\n<li>Volutpat ali<\/li>\n<li>Dolor sit amet<\/li>\n<li>Adipiscing elit<\/li>\n<\/ul>\n<\/div>\n<div class=\"three-columns nomargin\">\n<ul class=\"bullet_arrow2 imglist\">\n<li>Aenean amet<\/li>\n<li>Eget porttitor<\/li>\n<li>Facilisis aliquet<\/li>\n<li>Volutpat ali<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"bullet_plus imglist\">\n<li>Dolor sit amet<\/li>\n<li>Adipiscing elit<\/li>\n<li>Aenean amet<\/li>\n<li>Eget porttitor<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<h1 class=\"page-heading\"><br class=\"clear\" \/><br class=\"clear\" \/>Flexible Buttons<\/h1>\n<p><span class=\"double-line\">\u00a0<\/span><\/p>\n<p>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:<\/p>\n<p><a class=\"button \" href=\"#\"><span>Button<\/span><\/a> <a class=\"button \" href=\"#\"><span>It Is Flexible Button<\/span><\/a><\/p>\n<p>Also there is an included color picker so that it is really easy for users to apply different color styles.<\/p>\n<p><a class=\"button \" style=\"background-color: #d92727;\" href=\"#\"><span>Color<\/span><\/a> <a class=\"button \" style=\"background-color: #fc8f12;\" href=\"#\"><span>Picker<\/span><\/a> <a class=\"button \" style=\"background-color: #ffe433;\" href=\"#\"><span>Rain<\/span><\/a> <a class=\"button \" style=\"background-color: #6fcc43;\" href=\"#\"><span>Bow<\/span><\/a> <a class=\"button \" style=\"background-color: #0db8b5;\" href=\"#\"><span>Resizable<\/span><\/a> <a class=\"button \" style=\"background-color: #1285ce;\" href=\"#\"><span>Buttons<\/span><\/a><\/p>\n<p>&nbsp;<\/p>\n<h1 class=\"page-heading\">Table Design<\/h1>\n<p><span class=\"double-line\">\u00a0<\/span><\/p>\n<p>Tables are great to present information in a clear and structured form. This is how the default table design looks like.<\/p>\n<table>\n<tbody>\n<tr>\n<th scope=\"col\">Header Item 1<\/th>\n<th scope=\"col\">Header Item 1<\/th>\n<th scope=\"col\">Header Item 1<\/th>\n<th scope=\"col\">Header Item 1<\/th>\n<\/tr>\n<tr>\n<td>Item 1<\/td>\n<td>Item 1<\/td>\n<td>Item 1<\/td>\n<td>Item 1<\/td>\n<\/tr>\n<tr>\n<td>Item 1<\/td>\n<td>Item 1<\/td>\n<td>Item 1<\/td>\n<td>Item 1<\/td>\n<\/tr>\n<tr>\n<td>Item 1<\/td>\n<td>Item 1<\/td>\n<td>Item 1<\/td>\n<td>Item 1<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h1 class=\"page-heading\"><br class=\"clear\" \/>Info Boxes<\/h1>\n<p><span class=\"double-line\">\u00a0<\/span><\/p>\n<p>For displaying messages and highlighting important information, notes, failure or success of an action.<\/p>\n<div class=\"info-box\"><strong>Info:<\/strong> Insert your text here<\/div>\n<div class=\"note-box\"><strong>Note:<\/strong> Insert your text here<\/div>\n<div class=\"error-box\"><strong>Error:<\/strong> Insert your text here<\/div>\n<div class=\"tip-box\"><strong>Tip:<\/strong> Insert your text here<\/div>\n","protected":false},"excerpt":{"rendered":"<p>You can easily customize the typography in the theme &#8211; 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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":7,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/letterart.eu\/de\/index.php\/wp-json\/wp\/v2\/pages\/1617"}],"collection":[{"href":"https:\/\/letterart.eu\/de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/letterart.eu\/de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/letterart.eu\/de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/letterart.eu\/de\/index.php\/wp-json\/wp\/v2\/comments?post=1617"}],"version-history":[{"count":1,"href":"https:\/\/letterart.eu\/de\/index.php\/wp-json\/wp\/v2\/pages\/1617\/revisions"}],"predecessor-version":[{"id":3622,"href":"https:\/\/letterart.eu\/de\/index.php\/wp-json\/wp\/v2\/pages\/1617\/revisions\/3622"}],"wp:attachment":[{"href":"https:\/\/letterart.eu\/de\/index.php\/wp-json\/wp\/v2\/media?parent=1617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}