{"id":85179,"date":"2022-10-23T05:08:26","date_gmt":"2022-10-23T03:08:26","guid":{"rendered":"https:\/\/rmarketingdigital.com\/elementor\/widget-de-caja-de-iconos\/"},"modified":"2020-09-17T22:13:08","modified_gmt":"2020-09-18T01:13:08","slug":"widget-de-caja-de-iconos","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/en\/elementor\/widget-de-caja-de-iconos\/","title":{"rendered":"Icon box widget"},"content":{"rendered":"<div class=\"contentWrapper\">\n<article id=\"fullArticle\">\n<p>  Icon boxes are very useful when creating websites. The most common use is for sections that list features of products or services. In this video tutorial, you will see the various options you have to customize each element of this widget: the icon, the title, and the description. The icons are derived from Font Awesome Icons, and you can search for them and choose the right one.<\/p>\n<section class=\"video widescreen\">\n <iframe loading=\"lazy\" title=\"How to Use the Icon Box Widget on Elementor Page Builder Plugin\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/VoMGDZ3Txpc?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> <\/iframe><br \/>\n<\/section>\n<p> <strong>Contents tab<br \/> <\/strong><\/p>\n<p>  In the content tab, you have full control over the content of the widget. <\/p>\n<ul>\n<li><b style=\"background-color: initial;\">Watch<\/b> - Set the icon view to &#039;Default&#039;, &#039;Stacked&#039; or &#039;Framed&#039;. Stacked with a background and framed with a frame surrounding the icon.<\/li>\n<li><b style=\"background-color: initial;\">Choose icon<\/b> - Here you have a list of the entire collection of Font Awesome icons.<\/li>\n<li><b style=\"background-color: initial;\">Title Description<\/b> - Insert title and description of your Icon Box widget.<\/li>\n<li><b style=\"background-color: initial;\">Link to<\/b> - Insert a link and choose if it will open in a new window.<\/li>\n<li><b style=\"background-color: initial;\">Icon position<\/b> - Set the position of the icon on the left, top or right side of the box (in Mobile view it will remain centered).<\/li>\n<li><b style=\"background-color: initial;\">Title HTML tag<\/b> - Choose the title tag, from H1..H6, Div, Span or P. <\/li>\n<\/ul>\n<p> <strong><br \/> <\/strong><\/p>\n<p> <strong>Style tab<\/strong><\/p>\n<p> <strong>1. Icon<\/strong><\/p>\n<ul>\n<li><b style=\"background-color: initial;\">Primary color<\/b> - note that if you choose a stacked or framed icon box, it will also have a secondary color.<\/li>\n<li><b style=\"background-color: initial;\">Icon spacing<\/b> - The space between the icon and the header.<\/li>\n<li><b style=\"background-color: initial;\">Icon size<\/b> - Scale up and down the size of the icon.<\/li>\n<li><b style=\"background-color: initial;\">Rotate icon<\/b> - Rotate the icon.<\/li>\n<\/ul>\n<p> <strong>2. Floating icon<\/strong><\/p>\n<p style=\"margin-left: 20px;\">  Choose the primary and secondary color for the scroll icon. <\/p>\n<p style=\"margin-left: 20px;\">  Animation - Choose from a long list of animations for scrolling.<\/p>\n<p> <strong>3. Contents<\/strong><\/p>\n<p> <strong>to. Qualification<\/strong><\/p>\n<ul>\n<li><b style=\"background-color: initial;\">Alignment - <\/b>Left, centers, right, or justified.<\/li>\n<li><b style=\"background-color: initial;\">Vertical alignment <\/b>- Top, middle and button.<\/li>\n<li><b style=\"background-color: initial;\">Title spacing<\/b> - Set the space between the title and the description.<\/li>\n<li><b style=\"background-color: initial;\">Title color <\/b>- Change the color of the title.<\/li>\n<li><b style=\"background-color: initial;\">Typography<\/b> - Here I can customize the typography of the title.<\/li>\n<\/ul>\n<p> <strong>Yes. Description<\/strong><\/p>\n<ul>\n<li><b style=\"background-color: initial;\">Color description - <\/b>Change the color of the description.<\/li>\n<li><b style=\"background-color: initial;\">Typography<\/b> - Choose custom to change the font, just like with the title.<\/li>\n<\/ul>\n<h3>  Advanced <\/h3>\n<p>  Set the advanced options that are applicable to this widget<\/p>\n<p><strong><\/strong><\/p>\n<p><strong><br \/> <\/strong><\/p>\n<\/article><\/div>","protected":false},"excerpt":{"rendered":"<p>Los cuadros de iconos son muy \u00fatiles al crear sitios web. El uso m\u00e1s com\u00fan es para secciones que enumeran caracter\u00edsticas de productos o servicios. En este video tutorial, ver\u00e1&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1352],"tags":[],"class_list":["post-85179","post","type-post","status-publish","format-standard","category-elementor"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Widget de caja de iconos - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"Los cuadros de iconos son muy \u00fatiles al crear sitios web. El uso m\u00e1s com\u00fan es para secciones que enumeran caracter\u00edsticas de productos o servicios. En\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/widget-de-caja-de-iconos\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Widget de caja de iconos\" \/>\n<meta property=\"og:description\" content=\"Los cuadros de iconos son muy \u00fatiles al crear sitios web. El uso m\u00e1s com\u00fan es para secciones que enumeran caracter\u00edsticas de productos o servicios. En\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/en\/elementor\/widget-de-caja-de-iconos\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-23T03:08:26+00:00\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/widget-de-caja-de-iconos\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/widget-de-caja-de-iconos\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Widget de caja de iconos\",\"datePublished\":\"2022-10-23T03:08:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/widget-de-caja-de-iconos\\\/\"},\"wordCount\":409,\"articleSection\":[\"Elementor\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/widget-de-caja-de-iconos\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/widget-de-caja-de-iconos\\\/\",\"name\":\"Widget de caja de iconos - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"datePublished\":\"2022-10-23T03:08:26+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"Los cuadros de iconos son muy \u00fatiles al crear sitios web. El uso m\u00e1s com\u00fan es para secciones que enumeran caracter\u00edsticas de productos o servicios. En\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/widget-de-caja-de-iconos\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Icon Box Widget - R Marketing Digital","description":"Icon boxes are very useful when creating websites. The most common use is for sections that list features of products or services. In","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:\/\/rmarketingdigital.com\/en\/elementor\/widget-de-caja-de-iconos\/","og_locale":"en_US","og_type":"article","og_title":"Widget de caja de iconos","og_description":"Los cuadros de iconos son muy \u00fatiles al crear sitios web. El uso m\u00e1s com\u00fan es para secciones que enumeran caracter\u00edsticas de productos o servicios. En","og_url":"https:\/\/rmarketingdigital.com\/en\/elementor\/widget-de-caja-de-iconos\/","og_site_name":"R Marketing Digital","article_published_time":"2022-10-23T03:08:26+00:00","author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/elementor\/widget-de-caja-de-iconos\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/widget-de-caja-de-iconos\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Widget de caja de iconos","datePublished":"2022-10-23T03:08:26+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/widget-de-caja-de-iconos\/"},"wordCount":409,"articleSection":["Elementor"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/elementor\/widget-de-caja-de-iconos\/","url":"https:\/\/rmarketingdigital.com\/elementor\/widget-de-caja-de-iconos\/","name":"Icon Box Widget - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"datePublished":"2022-10-23T03:08:26+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Icon boxes are very useful when creating websites. The most common use is for sections that list features of products or services. In","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/elementor\/widget-de-caja-de-iconos\/"]}]},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digital Marketing","description":"SEO Agency | Advertising social networks | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digital Marketing","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/85179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/comments?post=85179"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/85179\/revisions"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media?parent=85179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/categories?post=85179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/tags?post=85179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}