{"id":1886,"date":"2016-07-06T11:55:09","date_gmt":"2016-07-06T11:55:09","guid":{"rendered":"http:\/\/themes.elmastudio.de\/uku\/?page_id=1886"},"modified":"2016-07-06T11:55:09","modified_gmt":"2016-07-06T11:55:09","slug":"text-styles","status":"publish","type":"page","link":"https:\/\/themes.elmastudio.de\/ukulight\/text-styles\/","title":{"rendered":"Text Styles"},"content":{"rendered":"

You can add uppercase text<\/span> by wrapping the text in a span tag with the CSS class “uppercase”<\/ins>. Natoque sed montes. Nisi duis mus tincidunt ultrices sociis habitasse mid. Ut dis, pulvinar lorem sociis et. Rhoncus et placerat integer enim porttitor magna rhoncus.<\/p>\n

D<\/span>ropcap can be added by wrapping the first letter of the first word in a paragraph in a span tag with the CSS class of “dropcap”<\/ins><\/strong>. In ultrices dis lectus, dictumst turpis, sociis tempor, pellentesque ultrices ac elit eros ut, rhoncus odio enim nec porta etiam. Sed ac lorem hac lorem. Rhoncus. Egestas non? Augue, magnis mus enim pulvinar duis odio! Ac. Amet phasellus elementum! Massa! Ac dolor. Lorem in integer augue magna hac! Quis massa, augue et pulvinar porta. Integer habitasse hac sed purus ut magna, ultrices, nisi risus porttitor cum aliquet aliquam, amet, rhoncus amet tincidunt, eros eu tempor vel! Urna integer? Arcu eros, sit augue purus pulvinar, augue montes?<\/p>\n

Some Pull Quotes to Highlight Content<\/h3>\n

You can highlight an important quote or sentence by adding it in a pull quote and wrap the text in a p tag with the CSS class of pull-left or pull-right<\/ins>.<\/p>\n

Lectus phasellus urna aenean velit porttitor phasellus aenean porta lacus sagittis adipiscing in ut amet, pellentesque, vel? Vut dignissim, proin, cras diam, scelerisque aenean cras sed, pulvinar turpis? Enim in nascetur. Proin? A placerat lacus diam penatibus! Mus lorem lorem nisi vel habitasse montes! Lacus platea. Natoque sed montes. Nisi duis mus tincidunt ultrices sociis habitasse mid. Ut dis, pulvinar lorem sociis et. Rhoncus et placerat integer enim porttitor magna rhoncus! Placerat scelerisque pulvinar quis in a hac tincidunt hac turpis risus? Dictumst, in aliquet porta, odio. Non. Natoque tortor rhoncus, pulvinar ut, ac ac, lectus scelerisque vel cursus? Scelerisque? Mauris ac dolor? Cras magnis turpis nascetur ultrices elementum natoque mus turpis etiam?<\/p>\n

You can highlight an important quote or sentence by adding it in a pull quote and wrap the text in a p tag with the CSS class of pull-left or pull-right.<\/p>\n

Pellentesque risus tristique! Sed integer et nec dictumst dignissim lectus, lundium proin adipiscing dictumst sagittis arcu, aliquam nec, placerat. Augue? Placerat! Tincidunt, placerat placerat mid porta risus? Sed, tempor, turpis cras pulvinar dignissim, tincidunt eros amet, vel tincidunt porta purus, etiam, phasellus, magna porta purus amet turpis, adipiscing. Phasellus odio, nunc lorem vut elementum, a turpis phasellus? Sit, augue in lorem. Elementum aliquam habitasse, nisi augue in pulvinar, dictumst adipiscing? In, pulvinar. Nunc dapibus magnis mauris vut ac, a purus, scelerisque nisi!<\/p>\n

Include Beautiful Quotes<\/h3>\n

To add a quote to your text you can use the “quote” button<\/strong><\/ins> in the visual editor or the “b-quote” button<\/strong><\/ins> in the text editor. To add the author wrap the author name in a cite<\/strong> tag<\/ins>.<\/p>\n

\u201cThere are only two ways to live your life. One is as though nothing is a miracle. The other is as though everything is a miracle.\u201d
\nAlbert Einstein<\/cite>\n<\/p><\/blockquote>\n

Tincidunt dignissim porttitor, parturient ut dictumst porta pid adipiscing mid pulvinar scelerisque penatibus, rhoncus mattis enim porttitor ridiculus. Pulvinar dis eu! Aliquam, ut magnis. Mattis nisi! Ac elementum parturient, lundium? Mattis porttitor, ultrices nunc nisi nunc! In tincidunt phasellus mus? Lectus augue dapibus lorem lacus habitasse integer nisi vut penatibus? Lectus pellentesque, lorem turpis, enim magna? A! Adipiscing a tincidunt, natoque tincidunt integer! Odio purus? Porttitor? Aliquam phasellus. Elementum porttitor, ridiculus in! Auctor adipiscing enim parturient egestas scelerisque integer integer vut! Sagittis ac ultrices, nec integer, lacus pulvinar tempor duis, tincidunt mid purus, pellentesque elementum elementum.<\/p>\n

Add A Lists to your Content<\/h3>\n

Amet, nisi rhoncus parturient mattis! Adipiscing augue sit odio amet. Porta cras, proin mid lacus dolor sed vel? Odio urna eros pellentesque ultricies urna, pulvinar tortor, ac, tempor rhoncus porta egestas dictumst! Lectus odio facilisis sit. Augue habitasse! Magna porttitor, amet amet nec turpis! Cum? Odio, elit, vel elementum cras vel mattis magna enim velit, lectus tristique penatibus lundium nascetur a. Ut? Scelerisque, porttitor cursus lectus ultricies auctor sociis, porta porta dapibus cum dis sit! Ut parturient, risus turpis scelerisque, ut in.<\/p>\n

    \n
  • Lacus dictumst mid est, hac in ac urna scelerisque mid adipiscing.<\/li>\n
  • Integer augue aenean tortor parturient pulvinar adipiscing proin amet.<\/li>\n
  • Magna platea habitasse mid turpis dis montes eros diam.<\/li>\n
  • Sed elementum porttitor, pulvinar, ultricies lacus sociis auctor.<\/li>\n<\/ul>\n

    Next to unordered lists with the ul tag, of course you can also add an ordered list with the ol tag. Lists make your content more readable and it will be easier for your readers to gather the important facts.<\/p>\n

      \n
    1. Lacus dictumst mid est, hac in ac urna scelerisque mid adipiscing.<\/li>\n
    2. Integer augue aenean tortor parturient pulvinar adipiscing proin amet.<\/li>\n
    3. Proin ut lacus pulvinar turpis egestas nascetur hac, ultricies, rhoncus nunc sit mauris eros dignissim tortor. Dignissim cras nisi.<\/li>\n
    4. Magna platea habitasse mid turpis dis montes eros diam<\/li>\n
    5. Sed elementum porttitor, pulvinar, ultricies lacus sociis auctor.<\/li>\n<\/ol>\n

      A default Table<\/h3>\n\n\n\n\n\n\n\n
      Veggies<\/th>\nFruits<\/th>\ninfo text<\/th>\n<\/tr>\n
      Sweet Potato<\/td>\nPapaya<\/td>\nThis is a little text.<\/td>\n<\/tr>\n
      Eggplant<\/td>\nBanana<\/td>\nOne more table line.<\/td>\n<\/tr>\n
      Salad<\/td>\nApples<\/td>\nDo you like fruit or veggies better?<\/td>\n<\/tr>\n
      Carrots<\/td>\nStrawberries<\/td>\nhello summer fruits<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

      Definition Lists<\/h3>\n
      \n
      Definition List Title<\/dt>\n
      Definition list division.<\/dd>\n
      Startup<\/dt>\n
      A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.<\/dd>\n
      #dowork<\/dt>\n
      Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.<\/dd>\n
      Do It Live<\/dt>\n
      I’ll let Bill O’Reilly will explain this one.<\/dd>\n<\/dl>\n

      Some Default Text Styles<\/h3>\n

      Mus, ultricies sed elementum egestas<\/strong> ut! Porta nascetur purus integer, lundium nec, adipiscing et, lundium. Mattis integer vel cum odio sagittis augue? Urna magnis sit a tempor mauris, platea amet magnis scelerisque in a, ultrices mus massa placerat nec, augue penatibus habitasse ultricies augue augue magna sit. Pid quis dignissim. Tincidunt ac odio dictumst<\/em>!<\/p>\n

      Mark this text<\/ins> mark your text in color by adding an “ins” tag<\/strong>. Scelerisque pulvinar etiam enim scelerisque, rhoncus ultricies massa porta mauris ultricies elit vel cras platea urna? Et ultrices sagittis cursus, massa amet! Rhoncus dapibus massa et dolor, tortor sociis, nisi placerat nascetur sociis elementum habitasse diam ultrices, quis vut, porta risus massa eu egestas augue! Eros habitasse augue dapibus!<\/p>\n

      This tag styles large blocks of code:<\/h5>\n
      .post-title {\n\tmargin: 0 0 5px;\n\tfont-weight: bold;\n\tfont-size: 38px;\n\tline-height: 1.2;\n}<\/pre>\n
      Nascetur! Ac nascetur adipiscing porta mauris augue est dolor a sed nec habitasse cursus. Turpis augue auctor ac, dictumst nunc aliquet. Urna elementum! A dis mattis sed in mid eu a integer? Integer ultricies sed! In turpis et? Eu urna? Enim placerat scelerisque sit dignissim, ac dictumst, natoque elementum. Quis quis porttitor nisi? Adipiscing turpis, ultricies! Pid! Rhoncus platea. Integer, proin duis lundium ridiculus?<\/p>\n","protected":false},"excerpt":{"rendered":"
      You can add uppercase text by wrapping the text in a span tag with the CSS class “uppercase”. Natoque sed montes. Nisi duis…<\/p>\n","protected":false},"author":8,"featured_media":2125,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","footnotes":""},"class_list":["post-1886","page","type-page","status-publish","has-post-thumbnail","hentry"],"jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":1903,"url":"https:\/\/themes.elmastudio.de\/ukulight\/page-sidebar-right\/","url_meta":{"origin":1886,"position":0},"title":"Page Sidebar Right","author":"","date":"July 6, 2016","format":false,"excerpt":"Vivamus suscipit tortor eget felis porttitor volutpat. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Nulla quis lorem ut libero malesuada feugiat. Pellentesque in ipsum id orci porta dapibus. Cras ultricies ligula sed magna dictum porta. Nulla porttitor accumsan tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1899,"url":"https:\/\/themes.elmastudio.de\/ukulight\/page-no-sidebar\/","url_meta":{"origin":1886,"position":1},"title":"Page No Sidebar","author":"","date":"July 6, 2016","format":false,"excerpt":"You can easily create a page without a sidebar using the Page Template \"No Sidebar Page\". And of course you can either add a Featured Image to the page as you can see it here on this demo page or create a page without a Featured image. Nulla quis lorem\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/themes.elmastudio.de\/ukulight\/files\/2016\/07\/20160518-Last-Days-in-Mt.-Eden-121.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/themes.elmastudio.de\/ukulight\/files\/2016\/07\/20160518-Last-Days-in-Mt.-Eden-121.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/themes.elmastudio.de\/ukulight\/files\/2016\/07\/20160518-Last-Days-in-Mt.-Eden-121.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/themes.elmastudio.de\/ukulight\/files\/2016\/07\/20160518-Last-Days-in-Mt.-Eden-121.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/themes.elmastudio.de\/ukulight\/files\/2016\/07\/20160518-Last-Days-in-Mt.-Eden-121.jpg?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/themes.elmastudio.de\/ukulight\/files\/2016\/07\/20160518-Last-Days-in-Mt.-Eden-121.jpg?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":1893,"url":"https:\/\/themes.elmastudio.de\/ukulight\/blog-sidebar-left\/","url_meta":{"origin":1886,"position":2},"title":"Blog Sidebar left","author":"","date":"July 6, 2016","format":false,"excerpt":"Vivamus suscipit tortor eget felis porttitor volutpat. Vivamus suscipit tortor eget felis porttitor volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Proin eget tortor risus. Cras ultricies ligula sed magna\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1901,"url":"https:\/\/themes.elmastudio.de\/ukulight\/page-sidebar-left\/","url_meta":{"origin":1886,"position":3},"title":"Page Sidebar Left","author":"","date":"July 6, 2016","format":false,"excerpt":"This is a page with a left sidebar Sed porttitor lectus nibh. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Pellentesque in ipsum id orci porta dapibus. Proin eget tortor risus. Donec sollicitudin molestie malesuada. Proin eget tortor risus. Nulla quis lorem ut libero malesuada feugiat. Vivamus magna\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1895,"url":"https:\/\/themes.elmastudio.de\/ukulight\/blog-sidebar-right\/","url_meta":{"origin":1886,"position":4},"title":"Blog Sidebar right","author":"","date":"July 6, 2016","format":false,"excerpt":"Nulla porttitor accumsan tincidunt. Cras ultricies ligula sed magna dictum porta. Nulla porttitor accumsan tincidunt. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vivamus suscipit tortor eget felis porttitor volutpat. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id imperdiet\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1868,"url":"https:\/\/themes.elmastudio.de\/ukulight\/slider-boxed\/","url_meta":{"origin":1886,"position":5},"title":"Slider boxed","author":"","date":"July 6, 2016","format":false,"excerpt":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Curabitur aliquet quam id dui posuere blandit.\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/themes.elmastudio.de\/ukulight\/wp-json\/wp\/v2\/pages\/1886","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.elmastudio.de\/ukulight\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.elmastudio.de\/ukulight\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.elmastudio.de\/ukulight\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.elmastudio.de\/ukulight\/wp-json\/wp\/v2\/comments?post=1886"}],"version-history":[{"count":0,"href":"https:\/\/themes.elmastudio.de\/ukulight\/wp-json\/wp\/v2\/pages\/1886\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themes.elmastudio.de\/ukulight\/wp-json\/wp\/v2\/media\/2125"}],"wp:attachment":[{"href":"https:\/\/themes.elmastudio.de\/ukulight\/wp-json\/wp\/v2\/media?parent=1886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}