{"id":124,"date":"2025-07-22T07:05:40","date_gmt":"2025-07-22T07:05:40","guid":{"rendered":"https:\/\/php80.local.nextendweb.com\/roland\/mosaicbuilder\/?post_type=documentation&#038;p=124"},"modified":"2026-01-15T13:41:21","modified_gmt":"2026-01-15T13:41:21","slug":"text","status":"publish","type":"documentation","link":"https:\/\/mosaicbuilder.com\/docs\/elements\/text\/","title":{"rendered":"Text"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"236\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-01.png\" alt=\"Text element displayed on the Mosaic canvas, used for adding and styling written content within a layout\" class=\"wp-image-447\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-01.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-01-300x108.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-01-400x144.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<p>The Text element is a versatile tool used for displaying titles, descriptions, or any other text on your website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"element-classes\">Element classes<\/h2>\n\n\n\n<p>You can <a href=\"https:\/\/mosaicbuilder.com\/docs\/editor\/class-system\/#select-element-class\">select<\/a> the following element classes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Text<\/li>\n\n\n\n<li>Paragraph<\/li>\n\n\n\n<li>Heading 1<\/li>\n\n\n\n<li>Heading 2<\/li>\n\n\n\n<li>Heading 3<\/li>\n\n\n\n<li>Heading 4<\/li>\n\n\n\n<li>Heading 5<\/li>\n\n\n\n<li>Heading 6<\/li>\n\n\n\n<li>Inherited text<\/li>\n<\/ul>\n\n\n<div class=\"mb_notice\"><div class=\"mb_notice__title\">Notice<\/div><div class=\"mb_notice__content\">\n<p>Classes are only about style not the HTML code. So a text with a \u201cparagraph\u201d element class doesn\u2019t necessarily have to be a &lt;p&gt; HTML element, and \u201cheading 1\u201d doesn\u2019t have to be &lt;h1&gt;. They can have any tags.<\/p>\n<\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"using-classes\">Using classes<\/h2>\n\n\n\n<p>You can style your text in many ways, like creating unique classes for them and reusing those for similar texts. You can also style all your text elements with the same element class at once. For more info on classes, check out the <a href=\"https:\/\/mosaicbuilder.com\/docs\/editor\/class-system\/\">Class system documentation<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"editing-text\">Editing text<\/h2>\n\n\n\n<p>You can edit text directly by double-clicking any text element. To adjust its appearance, use the <a href=\"https:\/\/mosaicbuilder.com\/docs\/editor\/style-tab\/\">Style tab<\/a> to manage typography and other design settings.<\/p>\n\n\n\n<p>Additionally, you may want to style specific parts of your text by making them bold, italicizing them, or adding links. You can easily achieve this using the formatting options available in the <strong>Toolbar<\/strong> for texts. For more info on inline editing, check out the <a href=\"https:\/\/mosaicbuilder.com\/docs\/editor\/inline-text-editing\/\">Inline text editing documentation<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"settings-tab\">Settings tab<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-02.png\" alt=\"Advanced tab for Mosaic's Text element showing customizable HTML Tag name field, allowing selection of semantic tags like h5\" class=\"wp-image-449\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-02.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-02-300x176.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-02-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<p>In the <span class=\"mb_badge\">Tag name<\/span> section, you can easily customize the HTML tag for your text element. This gives you the flexibility to select alternative tags, like <strong>h5<\/strong>, to accurately reflect the purpose of each element on your page.<\/p>\n\n\n\n<p>While you&#8217;ll find some suggestions in the dropdown list, feel free to type in any tag name that suits your needs. For example, if you want your <strong>Heading 5<\/strong> element class to have a unique tag like <strong>my-custom-tag<\/strong> in the HTML, you can set it up here.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-3.png\" alt=\"Custom HTML tag 'my-custom-tag' entered in Mosaic's Tag Name field, demonstrating manual tag input beyond suggested options\" class=\"wp-image-450\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-3.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-3-300x176.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-3-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-04.png\" alt=\"Custom HTML tag 'my-custom-tag' shown in the rendered code output from Mosaic, reflecting manual tag input from settings\" class=\"wp-image-451\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-04.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-04-300x176.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-04-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n","protected":false},"parent":120,"menu_order":20,"template":"","meta":{"_acf_changed":false},"class_list":["post-124","documentation","type-documentation","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>- Docs - Mosaic<\/title>\n<meta name=\"description\" content=\"This documentation covers the Text element that allows you to add and style text on your website, including headings, paragraphs, and classes.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mosaicbuilder.com\/docs\/elements\/text\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Text\" \/>\n<meta property=\"og:description\" content=\"This documentation covers the Text element that allows you to add and style text on your website, including headings, paragraphs, and classes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mosaicbuilder.com\/docs\/elements\/text\/\" \/>\n<meta property=\"og:site_name\" content=\"Mosaic\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mosaicbuilderwp\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-15T13:41:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-01.png\" \/>\n\t<meta property=\"og:image:width\" content=\"656\" \/>\n\t<meta property=\"og:image:height\" content=\"236\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@MosaicBuilderWP\" \/>\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:\\\/\\\/mosaicbuilder.com\\\/docs\\\/elements\\\/text\\\/\",\"url\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/elements\\\/text\\\/\",\"name\":\"- Docs - Mosaic\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/elements\\\/text\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/elements\\\/text\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.mosaicbuilder.com\\\/_\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Text-01.png\",\"datePublished\":\"2025-07-22T07:05:40+00:00\",\"dateModified\":\"2026-01-15T13:41:21+00:00\",\"description\":\"This documentation covers the Text element that allows you to add and style text on your website, including headings, paragraphs, and classes.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/elements\\\/text\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/elements\\\/text\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/elements\\\/text\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.mosaicbuilder.com\\\/_\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Text-01.png\",\"contentUrl\":\"https:\\\/\\\/cdn.mosaicbuilder.com\\\/_\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Text-01.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/elements\\\/text\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mosaicbuilder.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elements\",\"item\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/elements\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Text\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/#website\",\"url\":\"https:\\\/\\\/mosaicbuilder.com\\\/\",\"name\":\"Mosaic\",\"description\":\"Mosaic goes beyond page building. It\u2019s a complete theme builder and design system that helps your next website stand out in style, speed, and functionality.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mosaicbuilder.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"- Docs - Mosaic","description":"This documentation covers the Text element that allows you to add and style text on your website, including headings, paragraphs, and classes.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mosaicbuilder.com\/docs\/elements\/text\/","og_locale":"en_US","og_type":"article","og_title":"Text","og_description":"This documentation covers the Text element that allows you to add and style text on your website, including headings, paragraphs, and classes.","og_url":"https:\/\/mosaicbuilder.com\/docs\/elements\/text\/","og_site_name":"Mosaic","article_publisher":"https:\/\/www.facebook.com\/mosaicbuilderwp","article_modified_time":"2026-01-15T13:41:21+00:00","og_image":[{"width":656,"height":236,"url":"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-01.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@MosaicBuilderWP","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mosaicbuilder.com\/docs\/elements\/text\/","url":"https:\/\/mosaicbuilder.com\/docs\/elements\/text\/","name":"- Docs - Mosaic","isPartOf":{"@id":"https:\/\/mosaicbuilder.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mosaicbuilder.com\/docs\/elements\/text\/#primaryimage"},"image":{"@id":"https:\/\/mosaicbuilder.com\/docs\/elements\/text\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-01.png","datePublished":"2025-07-22T07:05:40+00:00","dateModified":"2026-01-15T13:41:21+00:00","description":"This documentation covers the Text element that allows you to add and style text on your website, including headings, paragraphs, and classes.","breadcrumb":{"@id":"https:\/\/mosaicbuilder.com\/docs\/elements\/text\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mosaicbuilder.com\/docs\/elements\/text\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mosaicbuilder.com\/docs\/elements\/text\/#primaryimage","url":"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-01.png","contentUrl":"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Text-01.png"},{"@type":"BreadcrumbList","@id":"https:\/\/mosaicbuilder.com\/docs\/elements\/text\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mosaicbuilder.com\/"},{"@type":"ListItem","position":2,"name":"Elements","item":"https:\/\/mosaicbuilder.com\/docs\/elements\/"},{"@type":"ListItem","position":3,"name":"Text"}]},{"@type":"WebSite","@id":"https:\/\/mosaicbuilder.com\/#website","url":"https:\/\/mosaicbuilder.com\/","name":"Mosaic","description":"Mosaic goes beyond page building. It\u2019s a complete theme builder and design system that helps your next website stand out in style, speed, and functionality.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mosaicbuilder.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/mosaicbuilder.com\/wp-json\/wp\/v2\/documentation\/124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mosaicbuilder.com\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/mosaicbuilder.com\/wp-json\/wp\/v2\/types\/documentation"}],"up":[{"embeddable":true,"href":"https:\/\/mosaicbuilder.com\/wp-json\/wp\/v2\/documentation\/120"}],"wp:attachment":[{"href":"https:\/\/mosaicbuilder.com\/wp-json\/wp\/v2\/media?parent=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}