{"id":6498,"date":"2021-07-20T13:15:35","date_gmt":"2021-07-20T11:15:35","guid":{"rendered":"https:\/\/lacolmenatecnologica.com\/elementor-typography-panel\/"},"modified":"2026-09-02T19:38:10","modified_gmt":"2026-09-02T17:38:10","slug":"elementor-typography-panel","status":"publish","type":"post","link":"https:\/\/lacolmenatecnologica.com\/en\/elementor-typography-panel\/","title":{"rendered":"Elementor Typography Panel"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Step-by-step video<\/h2>\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Caja de Tipograf\u00eda (fuentes de letras) de Elementor\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/c70R-8dGQpM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n<h2 class=\"wp-block-heading\" id=\"como-cambiar-el-tamano-el-color-la-familia-y-el-estilo-de-la-fuente-en-elementor-c2ca28c0-070a-40f1-9c8f-c24b1468c2a5\">How to change font size, color, family, and style in Elementor<\/h2>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"wp-block-paragraph\">Many Elementor widgets let you edit the text color and typography settings. These design options are found in the widgets\u2019 <strong>Style tab<\/strong>. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"estilo-6aaaa6b7-f56d-4371-9b99-eed24827954c\">Style<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Text Color<\/strong>: choose your text color<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In <em>Widget Settings<\/em> &gt; <em>Style<\/em>, click the <img loading=\"lazy\" decoding=\"async\" width=\"24\" height=\"25\" class=\"wp-image-4960\" style=\"width: 24px;\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/control-widget-elementor.png\" alt=\"Elementor widget control\"\/> icon to access the typography settings.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tipografia-4c44b52a-d623-46d8-a140-798f66822ddc\">Typography<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Family<\/strong>: choose a font family from over 800 <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Fonts<\/a> families<\/li>\n\n\n\n<li><strong>Size<\/strong>: choose a font size (<a href=\"https:\/\/lacolmenatecnologica.com\/cual-es-la-diferencia-entre-px-em-rem-vw-y-vh\/\">more information about px, em, rem, etc.<\/a>)<\/li>\n\n\n\n<li><strong>Weight<\/strong>: choose the font weight between 100 and 900<\/li>\n\n\n\n<li><strong>Transform<\/strong>: choose the font properties (Uppercase, Lowercase, &#8230;)<\/li>\n\n\n\n<li><strong>Style<\/strong>: choose between Normal, Italic, and Oblique<\/li>\n\n\n\n<li><strong>Decoration<\/strong>: choose the text decoration (Underline, Overline, Strikethrough, &#8230;)<\/li>\n\n\n\n<li><strong>Line Height<\/strong>: use the slider to set the line height<\/li>\n\n\n\n<li><strong>Letter Spacing<\/strong>: use the slider to set letter spacing<\/li>\n<\/ol>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a992ef0b1152&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a992ef0b1152\" class=\"alignright size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"355\" height=\"624\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/Caja_de_Tipografia-2.jpg\" alt=\"Elementor Typography Panel\" class=\"wp-image-5041\" srcset=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/Caja_de_Tipografia-2.jpg 355w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/Caja_de_Tipografia-2-284x500.jpg 284w\" sizes=\"auto, (max-width: 355px) 100vw, 355px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Step-by-step video How to change font size, color, family, and style in Elementor Many Elementor widgets let you edit the text color and typography settings. These design options are found in the widgets\u2019 Style tab. Style Text Color: choose your text color In Widget Settings &gt; Style, click the icon to access the typography settings. [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":6499,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Elementor Typography Panel: Create Consistent Text Styles","_seopress_titles_desc":"How to change font size, color, family, and style in Elementor Many Elementor widgets let you edit the text color and\u2026","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"none","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":"","_bricks_page_content_2":[],"_bricks_page_header_2":[],"_bricks_page_footer_2":[]},"categories":[374],"tags":[385,386],"class_list":["post-6498","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","tag-web-design","tag-wordpress-customization"],"_links":{"self":[{"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/posts\/6498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/comments?post=6498"}],"version-history":[{"count":1,"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/posts\/6498\/revisions"}],"predecessor-version":[{"id":6500,"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/posts\/6498\/revisions\/6500"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/media\/6499"}],"wp:attachment":[{"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/media?parent=6498"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/categories?post=6498"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/tags?post=6498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}