{"id":35,"date":"2026-03-21T11:51:40","date_gmt":"2026-03-21T11:50:38","guid":{"rendered":"https:\/\/starter.pixelgrade.com\/pile-lt\/text-styles\/"},"modified":"2026-04-10T07:20:21","modified_gmt":"2026-04-10T07:20:21","slug":"text-styles","status":"publish","type":"page","link":"https:\/\/starter.pixelgrade.com\/pile-lt\/text-styles\/","title":{"rendered":"Text Styles"},"content":{"rendered":"<h3>Hierarchical Type<\/h3>\n<p>The body text is for the con\u00adtent.<\/p>\n<h3>Tertiary Heading<\/h3>\n<h2>Secondary Heading<\/h2>\n<h1>Primary Heading<\/h1>\n<p class=\"desc\">Create <i>smart &amp; effective<\/i> descriptions<\/p>\n<p class=\"desc large\">We crush with larger descriptions too.<\/p>\n<hr \/>\n<h1 class=\"page__title\">Page Title<\/h1>\n<p class=\"desc\">You can add an introductory\u00a0larger size text to your articles by simply wrapping a paragraph in a p tag with the CSS class of &#8220;desc&#8221;. Put simply, larger text will usually be read before smaller text. Add &#8220;large&#8221; class to make it even bigger.<\/p>\n<p>We paid a lot of attention to getting our typography righ! The purpose of this page is to help determine what default settings are with CSS and to make sure that all possible elements are included. For example we looked at headings. Lovely <strong>headings<\/strong>.<\/p>\n<h2>Heading Two Formatting<\/h2>\n<p><span class=\"dropcap\">D<\/span>ropcap can be added by wrapping the first letter of the first word in a span tag with the CSS class of \u201cdropcap\u201d. Instead of using the body text font, we use the display font from our titles. This also ties the two elements together if the display font works well with the body text.openers.\u00a0You can also use a purely decorative font. There are thousands of decorative typefaces, and most of them aren\u2019t appropriate for use in a book\u2019s body text.<\/p>\n<blockquote>\n<p>Blockquotes are a great way to display and format quotations. Insert beautiful quotes using\u00a0the \u201cquote\u201d button from the visual editor. To add an author just wrap its name in a <em>cite<\/em> tag.<\/p>\n<\/blockquote>\n<p>Are you still making <strong>bulleted and numbered lists<\/strong> by manually typing bullets or numbers at the beginning of each line? In the 21st century, this is a task no one should be doing by hand.<\/p>\n<div class=\"twocolumn\">\n<ul>\n<li>We took a good long look<\/li>\n<li>At<\/li>\n<li>Unordered<\/li>\n<li>Lists.<\/li>\n<\/ul>\n<ol>\n<li>Also we took a good look<\/li>\n<li>At<\/li>\n<li>Lists<\/li>\n<li>Of the ordered variety.<\/li>\n<\/ol>\n<\/div>\n<h3>Heading Three<\/h3>\n<p>This tag styles large <strong>blocks of code<\/strong>.<\/p>\n<pre>pre {\r\n\tmargin: 0 0 5px;\r\n\tfont-weight: bold;\r\n\tfont-size: 16px;\r\n\tline-height: 1.5;\r\n}<\/pre>\n<p>Tables are useful for lay\u00adouts where text needs to be po\u00adsi\u00adtioned side-by-side or float\u00ading at spe\u00adcif\u00adic lo\u00adca\u00adtions on the page. If mak\u00ading these is frus\u00adtrat\u00ading with the usu\u00adal lay\u00adout tools, try us\u00ading a table.<\/p>\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"left\">\n<tbody>\n<tr>\n<td><strong>Type<\/strong><\/td>\n<td><strong>Font<\/strong><\/td>\n<td><strong>Description<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Humanist<\/strong><\/td>\n<td>Sabon<\/td>\n<td>Closely connected to calligraphy<\/td>\n<\/tr>\n<tr>\n<td><strong>Transitional<\/strong><\/td>\n<td>Baskerville<\/td>\n<td>More abstract and less organic<\/td>\n<\/tr>\n<tr>\n<td><strong>Modern<\/strong><\/td>\n<td>Bodoni<\/td>\n<td>Note the thin, straight serifs<\/td>\n<\/tr>\n<tr>\n<td><strong>Slab Serif<\/strong><\/td>\n<td>Clarendon<\/td>\n<td>Egyptian typefaces have heavy serifs<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>To <span class=\"highlight\">highlight<\/span> a text, you simply need to wrap it into a &lt;span&gt; with the class \u201chighlight\u201d. This can be done in the Text editor view.<\/p>\n<h4 class=\"em\">Two Column Layout<\/h4>\n<p class=\"twocolumn\">To split the text in a <strong>two columns layout<\/strong> you simply need to wrap it into a div container with class \u201ctwocolumn\u201d. Having multiple columns allows for a very versatile ad grid, and, traditionally, newspapers were in the business of selling ads.babies in slings around front.There is a general rule that one line of unjustified text should have around 9-12 words. For justified text these numbers are around 10-15 words. Since some words are longer and some shorter this is not a perfect measurement. Small columns of text are easier to read than large ones. Imagine a newspaper sized line that stretched across an entire page. It would be very easy to skip a line. For justified text these numbers are around 10-15 words. Since some words are longer and some shorter this is not a perfect measuremenYou must ask yourself how to easily achieve these numbers? Don\u2019t worry it is easy, you won\u2019t have to count the characters one by one.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hierarchical Type The body text is for the con\u00adtent. Tertiary Heading Secondary Heading Primary Heading Create smart &amp; effective descriptions We crush with larger descriptions [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"novablocks_hero_scroll_indicator":false,"novablocks_hero_position_indicators":false,"supernova_prevent_duplicate":false,"inline_featured_image":false,"_project_color":"","_project_color_auto":"","footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.6 (Yoast SEO v22.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Text Styles - Pile LT<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Text Styles\" \/>\n<meta property=\"og:description\" content=\"Hierarchical Type The body text is for the con\u00adtent. Tertiary Heading Secondary Heading Primary Heading Create smart &amp; effective descriptions We crush with larger descriptions [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/starter.pixelgrade.com\/pile-lt\/text-styles\/\" \/>\n<meta property=\"og:site_name\" content=\"Pile LT\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-10T07:20:21+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/starter.pixelgrade.com\/pile-lt\/text-styles\/\",\"url\":\"https:\/\/starter.pixelgrade.com\/pile-lt\/text-styles\/\",\"name\":\"Text Styles - Pile LT\",\"isPartOf\":{\"@id\":\"https:\/\/starter.pixelgrade.com\/pile-lt\/#website\"},\"datePublished\":\"2026-03-21T11:50:38+00:00\",\"dateModified\":\"2026-04-10T07:20:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/starter.pixelgrade.com\/pile-lt\/text-styles\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/starter.pixelgrade.com\/pile-lt\/text-styles\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/starter.pixelgrade.com\/pile-lt\/text-styles\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/starter.pixelgrade.com\/pile-lt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Text Styles\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/starter.pixelgrade.com\/pile-lt\/#website\",\"url\":\"https:\/\/starter.pixelgrade.com\/pile-lt\/\",\"name\":\"Pile LT\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/starter.pixelgrade.com\/pile-lt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/starter.pixelgrade.com\/pile-lt\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/starter.pixelgrade.com\/pile-lt\/#organization\",\"name\":\"Pile LT\",\"url\":\"https:\/\/starter.pixelgrade.com\/pile-lt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/starter.pixelgrade.com\/pile-lt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/starter.pixelgrade.com\/pile-lt\/wp-content\/uploads\/sites\/11\/2026\/03\/pile2-logo.svg\",\"contentUrl\":\"https:\/\/starter.pixelgrade.com\/pile-lt\/wp-content\/uploads\/sites\/11\/2026\/03\/pile2-logo.svg\",\"caption\":\"Pile LT\"},\"image\":{\"@id\":\"https:\/\/starter.pixelgrade.com\/pile-lt\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Text Styles - Pile LT","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Text Styles","og_description":"Hierarchical Type The body text is for the con\u00adtent. Tertiary Heading Secondary Heading Primary Heading Create smart &amp; effective descriptions We crush with larger descriptions [&hellip;]","og_url":"https:\/\/starter.pixelgrade.com\/pile-lt\/text-styles\/","og_site_name":"Pile LT","article_modified_time":"2026-04-10T07:20:21+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/starter.pixelgrade.com\/pile-lt\/text-styles\/","url":"https:\/\/starter.pixelgrade.com\/pile-lt\/text-styles\/","name":"Text Styles - Pile LT","isPartOf":{"@id":"https:\/\/starter.pixelgrade.com\/pile-lt\/#website"},"datePublished":"2026-03-21T11:50:38+00:00","dateModified":"2026-04-10T07:20:21+00:00","breadcrumb":{"@id":"https:\/\/starter.pixelgrade.com\/pile-lt\/text-styles\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/starter.pixelgrade.com\/pile-lt\/text-styles\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/starter.pixelgrade.com\/pile-lt\/text-styles\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/starter.pixelgrade.com\/pile-lt\/"},{"@type":"ListItem","position":2,"name":"Text Styles"}]},{"@type":"WebSite","@id":"https:\/\/starter.pixelgrade.com\/pile-lt\/#website","url":"https:\/\/starter.pixelgrade.com\/pile-lt\/","name":"Pile LT","description":"","publisher":{"@id":"https:\/\/starter.pixelgrade.com\/pile-lt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/starter.pixelgrade.com\/pile-lt\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/starter.pixelgrade.com\/pile-lt\/#organization","name":"Pile LT","url":"https:\/\/starter.pixelgrade.com\/pile-lt\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/starter.pixelgrade.com\/pile-lt\/#\/schema\/logo\/image\/","url":"https:\/\/starter.pixelgrade.com\/pile-lt\/wp-content\/uploads\/sites\/11\/2026\/03\/pile2-logo.svg","contentUrl":"https:\/\/starter.pixelgrade.com\/pile-lt\/wp-content\/uploads\/sites\/11\/2026\/03\/pile2-logo.svg","caption":"Pile LT"},"image":{"@id":"https:\/\/starter.pixelgrade.com\/pile-lt\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/starter.pixelgrade.com\/pile-lt\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/starter.pixelgrade.com\/pile-lt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/starter.pixelgrade.com\/pile-lt\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/starter.pixelgrade.com\/pile-lt\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":1,"href":"https:\/\/starter.pixelgrade.com\/pile-lt\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":2023,"href":"https:\/\/starter.pixelgrade.com\/pile-lt\/wp-json\/wp\/v2\/pages\/35\/revisions\/2023"}],"wp:attachment":[{"href":"https:\/\/starter.pixelgrade.com\/pile-lt\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}