{"id":1018,"date":"2012-09-22T12:39:54","date_gmt":"2012-09-22T12:39:54","guid":{"rendered":"http:\/\/yaritheme.com\/vintage\/?page_id=1018"},"modified":"2012-09-22T12:39:54","modified_gmt":"2012-09-22T12:39:54","slug":"typography-and-elements","status":"publish","type":"page","link":"https:\/\/whiteandwilson.com\/index.php\/typography-and-elements\/","title":{"rendered":"Typography and Elements"},"content":{"rendered":"<p>You can easily customize the typography in the theme ??we have included support for Google Fonts, Cufon Fonts and Web Safe fonts in the?<a title=\"Font Management\" href=\"http:\/\/localhost\/hana\/meari\/admin-panel\/font-management\/\">font section of the HANA Panel<\/a>. We have also included <a title=\"Styling Buttons\" href=\"http:\/\/localhost\/hana\/meari\/admin-panel\/styling-buttons\/\">Button Set<\/a> for generation of stylish elements. ?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<h4 class=\"page-heading\">Heading<\/h4>\n<div class=\"heading-width-line\"><\/div>\n<h1 class=\"page-heading\"><\/h1>\n<p>This is how the standard typographic hierarchy looks in the theme. It is great? 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.<\/p>\n<p>&nbsp;<\/p>\n<h4>Intro Text<\/h4>\n<div>\n<p><span class=\"heading-width-line\">?<\/span><\/p>\n<h3><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis.<\/em><\/h3>\n<p><span class=\"heading-width-line\">?<\/span><\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<h4 class=\"page-heading\">Highlight Text<\/h4>\n<div class=\"heading-width-line\"><\/div>\n<p>Great to call attention or to flag any phrase in your text.<\/p>\n<p>Lorem ipsum dolor sit amet, <span class=\"highlight1\">Important<\/span>?? . 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>??, 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<h4 class=\"page-heading\">Blockquote<\/h4>\n<div class=\"heading-width-line\"><\/div>\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<h4 class=\"page-heading\">Drop Caps<\/h4>\n<div class=\"heading-width-line\"><\/div>\n<p><span class=\"drop-caps\">D<\/span>onec 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.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"page-heading\">Bulleted Lists<\/h4>\n<div class=\"heading-width-line\"><\/div>\n<p>The following styled bulleted lists are available:<\/p>\n<p>&nbsp;<\/p>\n<div class=\"columns-wrapper\">\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<\/div>\n<div class=\"three-columns\">\n<ul class=\"bullet_arrow 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<\/div>\n<div class=\"three-columns nomargin\">\n<ul class=\"bullet_arrow4 imglist\">\n<li>Aenean amet<\/li>\n<li>Eget porttitor<\/li>\n<li>Facilisis alique<\/li>\n<li>Volutpat ali<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<div class=\"columns-wrapper\">\n<div class=\"three-columns\">\n<ul class=\"bullet_star imglist\">\n<li>Lorem ipsum<\/li>\n<li>Consectetur<\/li>\n<li>Phasellus iaculis<\/li>\n<li>Eget porttitor<\/li>\n<\/ul>\n<\/div>\n<div class=\"three-columns\">\n<ul class=\"bullet_arrow2 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<\/div>\n<div class=\"three-columns nomargin\">\n<ul class=\"bullet_arrow4 imglist bullet_plus\">\n<li>Aenean amet<\/li>\n<li>Eget porttitor<\/li>\n<li>Facilisis alique<\/li>\n<li>Volutpat ali<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<h4>Flexible Buttons<\/h4>\n<div class=\"heading-width-line\"><\/div>\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\">Button<\/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\">Color<\/a>?<a class=\"button\">Picker<\/a>?<a class=\"button\">Rain<\/a>?<a class=\"button\">Bow<\/a>?<a class=\"button\">Resizable<\/a>?<a class=\"button\">Button<\/a><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"page-heading\">Table Design<\/h4>\n<div class=\"heading-width-line\"><\/div>\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<p>&nbsp;<\/p>\n<h4 class=\"page-heading\">Info Boxes<\/h4>\n<div class=\"heading-width-line\"><\/div>\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 ??we have included support for Google Fonts, Cufon Fonts and Web Safe fonts in the?font section of the HANA Panel. We have also included Button Set for generation of stylish elements. ?Here are some examples of the default styled typography elements included with the theme for [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/whiteandwilson.com\/index.php\/wp-json\/wp\/v2\/pages\/1018"}],"collection":[{"href":"https:\/\/whiteandwilson.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/whiteandwilson.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/whiteandwilson.com\/index.php\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/whiteandwilson.com\/index.php\/wp-json\/wp\/v2\/comments?post=1018"}],"version-history":[{"count":0,"href":"https:\/\/whiteandwilson.com\/index.php\/wp-json\/wp\/v2\/pages\/1018\/revisions"}],"wp:attachment":[{"href":"https:\/\/whiteandwilson.com\/index.php\/wp-json\/wp\/v2\/media?parent=1018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}