{"id":18943,"date":"2026-01-18T09:16:42","date_gmt":"2026-01-18T09:16:42","guid":{"rendered":"https:\/\/wptablebuilder.com\/?p=18943"},"modified":"2026-01-18T09:16:43","modified_gmt":"2026-01-18T09:16:43","slug":"best-icon-box-wordpress-plugins","status":"publish","type":"post","link":"https:\/\/wptablebuilder.com\/de\/best-icon-box-wordpress-plugins\/","title":{"rendered":"7 Best Icon Box WordPress Plugins (Gutenberg, Elementor &amp; More)"},"content":{"rendered":"<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"335\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Best-Icon-Box-WordPress-Plugins-WPTB.png\" alt=\"\" class=\"wp-image-18944\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Best-Icon-Box-WordPress-Plugins-WPTB.png 850w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Best-Icon-Box-WordPress-Plugins-WPTB-300x118.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Best-Icon-Box-WordPress-Plugins-WPTB-768x303.png 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Icon boxes are small but powerful design elements that help present information in a clear, visually engaging way. By combining icons with text, they make it easier for visitors to scan content, understand key messages, and navigate a website more efficiently. Whether you\u2019re highlighting features, showcasing services, or introducing <a href=\"https:\/\/wptablebuilder.com\/de\/best-wordpress-team-member-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">team members<\/a>, icon boxes provide a flexible and effective way to enhance user experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In today\u2019s fast-paced digital landscape, where attention spans are short and visuals matter more than ever, icon boxes have become an essential component of modern WordPress websites. With the right plugin, you can create eye-catching icon boxes that match your site\u2019s design, maintain consistency, and communicate information without overwhelming visitors.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To help you choose the right solution, we\u2019ve curated a list of the best icon box WordPress plugins. This list covers a range of options, from Gutenberg-based plugins to page builder and shortcode-friendly solutions, so you can find the one that best fits your workflow and website needs. Let\u2019s dive in.<\/p>\n\n\n<div class=\"wp-block-wptb-table-block\"><div class=\"wptb-container-legacy\" data-table-id=\"18961\">\n    <table class=\"wptb-preview-table wptb-element-main-table_setting-18961\" style=\"border-spacing: 3px 3px; border-collapse: collapse !important; min-width: 100%; border: 4px solid rgb(214, 214, 214); \" data-border-spacing-columns=\"3\" data-border-spacing-rows=\"3\" data-reconstraction=\"1\" data-wptb-table-directives=\"eyJpbm5lckJvcmRlcnMiOnsiYWN0aXZlIjoiYWxsIiwiYm9yZGVyV2lkdGgiOjEsImJvcmRlclJhZGl1c2VzIjp7ImFsbCI6MCwicm93IjowLCJjb2x1bW4iOjB9fX0=\" data-wptb-responsive-directives=\"eyJyZXNwb25zaXZlRW5hYmxlZCI6dHJ1ZSwicmVzcG9uc2l2ZU1vZGUiOiJhdXRvIiwicmVsYXRpdmVXaWR0aCI6IndpbmRvdyIsInByZXNlcnZlUm93Q29sb3IiOmZhbHNlLCJoZWFkZXJGdWxseU1lcmdlZCI6ZmFsc2UsImJyZWFrcG9pbnRzIjp7ImRlc2t0b3AiOnsibmFtZSI6ImRlc2t0b3AiLCJ3aWR0aCI6MTAyNH0sInRhYmxldCI6eyJuYW1lIjoidGFibGV0Iiwid2lkdGgiOjcwMH0sIm1vYmlsZSI6eyJuYW1lIjoibW9iaWxlIiwid2lkdGgiOjM3NX19LCJtb2RlT3B0aW9ucyI6eyJhdXRvIjp7ImRpc2FibGVkIjp7ImRlc2t0b3AiOmZhbHNlLCJ0YWJsZXQiOmZhbHNlLCJtb2JpbGUiOmZhbHNlfSwidG9wUm93QXNIZWFkZXIiOnsiZGVza3RvcCI6ZmFsc2UsInRhYmxldCI6ZmFsc2UsIm1vYmlsZSI6dHJ1ZX0sInJlcGVhdE1lcmdlZEhlYWRlciI6eyJkZXNrdG9wIjp0cnVlLCJ0YWJsZXQiOnRydWUsIm1vYmlsZSI6dHJ1ZX0sInN0YXRpY1RvcFJvdyI6eyJkZXNrdG9wIjpmYWxzZSwidGFibGV0IjpmYWxzZSwibW9iaWxlIjpmYWxzZX0sImNlbGxTdGFja0RpcmVjdGlvbiI6eyJkZXNrdG9wIjoicm93IiwidGFibGV0Ijoicm93IiwibW9iaWxlIjoicm93In0sImNlbGxzUGVyUm93Ijp7ImRlc2t0b3AiOjEsInRhYmxldCI6NCwibW9iaWxlIjoxfX19fQ==\" data-wptb-cells-width-auto-count=\"4\" data-wptb-horizontal-scroll-status=\"1\" data-wptb-extra-styles=\"LyogRW50ZXIgeW91ciBjdXN0b20gQ1NTIHJ1bGVzIGhlcmUgKi8=\" data-wptb-pro-pagination-top-row-header=\"true\" data-wptb-rows-per-page=\"3\" data-wptb-pro-search-top-row-header=\"true\" data-wptb-searchbar-position=\"left\" role=\"table\" data-table-columns=\"4\" data-wptb-table-alignment=\"center\" data-wptb-td-width-auto=\"120\" data-wptb-table-tds-sum-max-width=\"675\" data-wptb-header-background-color=\"#B3D2FFFF\" data-wptb-odd-row-background-color=\"#F0F0F0FF\" ><tbody data-global-font-color=\"#000000\" data-global-link-color=\"#000000\" data-global-font-size=\"15\" ><tr  class=\"wptb-row\" style=\"background-color: #b3d2ff; \"><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 28px; width: 184px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"0\" data-x-index=\"0\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-597\" style=\"color: #000000; font-size: 18px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\"><strong>Plugin<\/strong><\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 28px; width: 125px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"0\" data-x-index=\"1\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-598\" style=\"color: #000000; font-size: 18px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\"><strong>Editor\/\nDependency<\/strong><\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 28px; width: 150px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"0\" data-x-index=\"2\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-599\" style=\"color: #000000; font-size: 16px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\"><strong>Icon Box Approach<\/strong><\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 28px; width: 163px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"0\" data-x-index=\"3\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-600\" style=\"color: #000000; font-size: 18px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\"><strong>Download<\/strong><\/p><\/div><\/div><\/td><\/tr><tr  class=\"wptb-row\" style=\"\"><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 184px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"1\" data-x-index=\"0\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-601\" style=\"color: #4a5568; font-size: 15px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\"><strong>Ultimate Blocks<\/strong><\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 125px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"1\" data-x-index=\"1\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-602\" style=\"color: #000000; font-size: 1em; \"><div style=\"position: relative;\"><p style=\"text-align: center;\">Gutenberg (Block Editor)<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 150px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"1\" data-x-index=\"2\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-603\" style=\"color: #4a5568; font-size: 15px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\">Dedicated Icon Block<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 163px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"1\" data-x-index=\"3\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-button-container wptb-ph-element wptb-element-button-1 edit-active\" style=\"padding: 0px; margin: 0px; \">\n    <div class=\"wptb-button-wrapper wptb-size-m\" style=\"justify-content: center\">\n        <a class=\"wptb-link-target\" id=\"\" href=\"https:\/\/ultimateblocks.com\/\" target=\"_blank\" rel=\"noopener\">\n            <div class=\"wptb-button wptb-plugin-button-order-left\" style=\"position: relative;border-radius: 5px; background-color: #5B5B5BFF; color: #ffffff; justify-content: center; \" data-wptb-element-bg-color=\"#5B5B5BFF\" data-wptb-element-color=\"#ffffff\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\" >\n                <p style=\"font-size: 16px; margin-inline: auto !important;\">Download<\/p>\n                <div class=\"wptb-button-icon\" data-wptb-button-icon-src=\"\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\"  style=\"width: 25px; height: 25px\">\n                    \n                <\/div>\n                <div class=\"wptb-button-label\" style=\"display: none; background-color: #ffffff; \" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\" >\n                    <div class=\"wptb-button-label-decorator\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\"  style=\"border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\">\n                        <br \/>\n                    <\/div>\n                    <div class=\"wptb-button-label-text\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\" >\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/a>\n    <\/div>\n<\/div>;<\/td><\/tr><tr  class=\"wptb-row\" style=\"background-color: #f0f0f0; \"><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 184px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"2\" data-x-index=\"0\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-604\" style=\"color: #4a5568; font-size: 15px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\"><strong>WP Table Builder<\/strong><\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 125px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"2\" data-x-index=\"1\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-605\" style=\"color: #000000; font-size: 1em; \"><div style=\"position: relative;\"><p style=\"text-align: center;\">Editor-agnostic<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 150px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"2\" data-x-index=\"2\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-606\" style=\"color: #4a5568; font-size: 15px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\">Icon box\u2013style layouts using Icon &amp; Text Icon elements<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 163px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"2\" data-x-index=\"3\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-button-container wptb-ph-element wptb-element-button-2 edit-active\" style=\"padding: 0px; margin: 0px; \">\n    <div class=\"wptb-button-wrapper wptb-size-m\" style=\"justify-content: center\">\n        <a class=\"wptb-link-target\" id=\"\" href=\"https:\/\/wptablebuilder.com\/de\/\" target=\"_blank\" rel=\"\">\n            <div class=\"wptb-button wptb-plugin-button-order-left\" style=\"position: relative;border-radius: 5px; background-color: #5B5B5BFF; color: #ffffff; justify-content: center; \" data-wptb-element-bg-color=\"#5B5B5BFF\" data-wptb-element-color=\"#ffffff\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\" >\n                <p style=\"font-size: 16px; margin-inline: auto !important;\">Download<\/p>\n                <div class=\"wptb-button-icon\" data-wptb-button-icon-src=\"\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\"  style=\"width: 25px; height: 25px\">\n                    \n                <\/div>\n                <div class=\"wptb-button-label\" style=\"display: none; background-color: #ffffff; \" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\" >\n                    <div class=\"wptb-button-label-decorator\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\"  style=\"border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\">\n                        <br \/>\n                    <\/div>\n                    <div class=\"wptb-button-label-text\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\" >\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/a>\n    <\/div>\n<\/div>;<\/td><\/tr><tr  class=\"wptb-row\" style=\"\"><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 184px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"3\" data-x-index=\"0\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-607\" style=\"color: #4a5568; font-size: 15px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\"><strong>Elementor<\/strong><\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 125px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"3\" data-x-index=\"1\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-608\" style=\"color: #000000; font-size: 1em; \"><div style=\"position: relative;\"><p style=\"text-align: center;\">Page Builder<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 150px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"3\" data-x-index=\"2\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-609\" style=\"color: #4a5568; font-size: 15px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\">Built-in Icon Box Widget<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 163px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"3\" data-x-index=\"3\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-button-container wptb-ph-element wptb-element-button-3 edit-active\" style=\"padding: 0px; margin: 0px; \">\n    <div class=\"wptb-button-wrapper wptb-size-m\" style=\"justify-content: center\">\n        <a class=\"wptb-link-target\" id=\"\" href=\"https:\/\/elementor.com\/help\/icon-box-widget\/\" target=\"_blank\" rel=\"noreferrer noopener\">\n            <div class=\"wptb-button wptb-plugin-button-order-left\" style=\"position: relative;border-radius: 5px; background-color: #5B5B5BFF; color: #ffffff; justify-content: center; \" data-wptb-element-bg-color=\"#5B5B5BFF\" data-wptb-element-color=\"#ffffff\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\" >\n                <p style=\"font-size: 16px; margin-inline: auto !important;\">Download<\/p>\n                <div class=\"wptb-button-icon\" data-wptb-button-icon-src=\"\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\"  style=\"width: 25px; height: 25px\">\n                    \n                <\/div>\n                <div class=\"wptb-button-label\" style=\"display: none; background-color: #ffffff; \" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\" >\n                    <div class=\"wptb-button-label-decorator\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\"  style=\"border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\">\n                        <br \/>\n                    <\/div>\n                    <div class=\"wptb-button-label-text\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\" >\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/a>\n    <\/div>\n<\/div>;<\/td><\/tr><tr  class=\"wptb-row\" style=\"background-color: #f0f0f0; \"><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 184px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"4\" data-x-index=\"0\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-610\" style=\"color: #4a5568; font-size: 15px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\"><strong>ElementsKit<\/strong><\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 125px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"4\" data-x-index=\"1\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-611\" style=\"color: #000000; font-size: 1em; \"><div style=\"position: relative;\"><p style=\"text-align: center;\">Elementor Add-on<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 150px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"4\" data-x-index=\"2\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-612\" style=\"color: #4a5568; font-size: 15px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\">Advanced Icon Box widget<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 163px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"4\" data-x-index=\"3\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-button-container wptb-ph-element wptb-element-button-4 edit-active\" style=\"padding: 0px; margin: 0px; \">\n    <div class=\"wptb-button-wrapper wptb-size-m\" style=\"justify-content: center\">\n        <a class=\"wptb-link-target\" id=\"\" href=\"https:\/\/wpmet.com\/plugin\/elementskit\/icon-box\/\" target=\"_blank\" rel=\"noreferrer noopener\">\n            <div class=\"wptb-button wptb-plugin-button-order-left\" style=\"position: relative;border-radius: 5px; background-color: #5B5B5BFF; color: #ffffff; justify-content: center; \" data-wptb-element-bg-color=\"#5B5B5BFF\" data-wptb-element-color=\"#ffffff\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\" >\n                <p style=\"font-size: 16px; margin-inline: auto !important;\">Download<\/p>\n                <div class=\"wptb-button-icon\" data-wptb-button-icon-src=\"\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\"  style=\"width: 25px; height: 25px\">\n                    \n                <\/div>\n                <div class=\"wptb-button-label\" style=\"display: none; background-color: #ffffff; \" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\" >\n                    <div class=\"wptb-button-label-decorator\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\"  style=\"border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\">\n                        <br \/>\n                    <\/div>\n                    <div class=\"wptb-button-label-text\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\" >\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/a>\n    <\/div>\n<\/div>;<\/td><\/tr><tr  class=\"wptb-row\" style=\"\"><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 184px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"5\" data-x-index=\"0\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-613\" style=\"color: #4a5568; font-size: 15px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\"><strong>Happy Addons<\/strong><\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 125px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"5\" data-x-index=\"1\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-614\" style=\"color: #000000; font-size: 1em; \"><div style=\"position: relative;\"><p style=\"text-align: center;\">Elementor Add-on<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 150px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"5\" data-x-index=\"2\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-615\" style=\"color: #4a5568; font-size: 15px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\">Simplified Icon Box \/ Infobox<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 163px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"5\" data-x-index=\"3\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-button-container wptb-ph-element wptb-element-button-5 edit-active\" style=\"padding: 0px; margin: 0px; \">\n    <div class=\"wptb-button-wrapper wptb-size-m\" style=\"justify-content: center\">\n        <a class=\"wptb-link-target\" id=\"\" href=\"https:\/\/wordpress.org\/plugins\/happy-elementor-addons\/\" target=\"_blank\" rel=\"noreferrer noopener\">\n            <div class=\"wptb-button wptb-plugin-button-order-left\" style=\"position: relative;border-radius: 5px; background-color: #5B5B5BFF; color: #ffffff; justify-content: center; \" data-wptb-element-bg-color=\"#5B5B5BFF\" data-wptb-element-color=\"#ffffff\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\" >\n                <p style=\"font-size: 16px; margin-inline: auto !important;\">Download<\/p>\n                <div class=\"wptb-button-icon\" data-wptb-button-icon-src=\"\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\"  style=\"width: 25px; height: 25px\">\n                    \n                <\/div>\n                <div class=\"wptb-button-label\" style=\"display: none; background-color: #ffffff; \" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\" >\n                    <div class=\"wptb-button-label-decorator\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\"  style=\"border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\">\n                        <br \/>\n                    <\/div>\n                    <div class=\"wptb-button-label-text\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1.1\" >\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/a>\n    <\/div>\n<\/div>;<\/td><\/tr><tr  class=\"wptb-row\" style=\"background-color: #f0f0f0; \"><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 184px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"6\" data-x-index=\"0\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-616\" style=\"color: #4a5568; font-size: 15px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\"><strong>Colorbox Panels &amp; Info Box<\/strong><\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 125px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"6\" data-x-index=\"1\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-617\" style=\"color: #000000; font-size: 1em; \"><div style=\"position: relative;\"><p style=\"text-align: center;\">Shortcode-based<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 150px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"6\" data-x-index=\"2\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-618\" style=\"color: #4a5568; font-size: 15px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\">Content &amp; icon panels<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; height: 60px; width: 163px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"6\" data-x-index=\"3\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"false\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-button-container wptb-ph-element wptb-element-button-6 edit-active\" style=\"padding: 0px; margin: 0px; \">\n    <div class=\"wptb-button-wrapper wptb-size-m\" style=\"justify-content: center\">\n        <a class=\"wptb-link-target\" id=\"\" href=\"https:\/\/wordpress.org\/plugins\/colorbox-panels\/\" target=\"_blank\" rel=\"noreferrer noopener\">\n            <div class=\"wptb-button wptb-plugin-button-order-left\" style=\"position: relative;border-radius: 5px; background-color: #5B5B5BFF; color: #ffffff; justify-content: center; \" data-wptb-element-bg-color=\"#5B5B5BFF\" data-wptb-element-color=\"#ffffff\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1\" >\n                <p style=\"font-size: 16px; margin-inline: auto !important;\">Download<br><\/p>\n                <div class=\"wptb-button-icon\" data-wptb-button-icon-src=\"\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1\"  style=\"width: 25px; height: 25px\">\n                    \n                <\/div>\n                <div class=\"wptb-button-label\" style=\"display: none; background-color: #ffffff; \" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1\" >\n                    <div class=\"wptb-button-label-decorator\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1\"  style=\"border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\">\n                        <br \/>\n                    <\/div>\n                    <div class=\"wptb-button-label-text\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1\" >\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/a>\n    <\/div>\n<\/div>;<\/td><\/tr><tr  class=\"wptb-row\" style=\"\"><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; width: 184px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"7\" data-x-index=\"0\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"true\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-619\" style=\"color: #4a5568; font-size: 15px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\"><strong>BeTheme<\/strong><\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; width: 125px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"7\" data-x-index=\"1\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"true\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-620\" style=\"color: #000000; font-size: 1em; \"><div style=\"position: relative;\"><p style=\"text-align: center;\">BeTheme Only<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; width: 150px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"7\" data-x-index=\"2\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"true\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-text-container wptb-ph-element wptb-element-text-621\" style=\"color: #4a5568; font-size: 15px; padding: 0px; margin: 0px; \"><div style=\"position: relative;\"><p style=\"text-align: center;\">Icon Box &amp; Icon Box Basic elements<\/p><\/div><\/div><\/td><td class=\"wptb-cell\" colspan=\"1\" rowspan=\"1\" style=\"padding: 5px; width: 163px; border-width: 1px; border-color: #d6d6d600; border-style: solid; border-radius: 0px; \" data-y-index=\"7\" data-x-index=\"3\" data-wptb-css-td-auto-width=\"false\" data-wptb-css-td-auto-height=\"true\" data-wptb-cell-vertical-alignment=\"center\" ><div class=\"wptb-button-container wptb-ph-element wptb-element-button-7 edit-active\" style=\"padding: 0px; margin: 0px; \">\n    <div class=\"wptb-button-wrapper wptb-size-m\" style=\"justify-content: center\">\n        <a class=\"wptb-link-target\" id=\"\" href=\"https:\/\/muffingroup.com\/betheme\/elements\/icon-box\/\" target=\"_blank\" rel=\"noreferrer noopener\">\n            <div class=\"wptb-button wptb-plugin-button-order-left\" style=\"position: relative;border-radius: 5px; background-color: #5B5B5BFF; color: #ffffff; justify-content: center; \" data-wptb-element-bg-color=\"#5B5B5BFF\" data-wptb-element-color=\"#ffffff\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1\" >\n                <p style=\"font-size: 16px; margin-inline: auto !important;\">Download<br><\/p>\n                <div class=\"wptb-button-icon\" data-wptb-button-icon-src=\"\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1\"  style=\"width: 25px; height: 25px\">\n                    \n                <\/div>\n                <div class=\"wptb-button-label\" style=\"display: none; background-color: #ffffff; \" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1\" >\n                    <div class=\"wptb-button-label-decorator\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1\"  style=\"border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\">\n                        <br \/>\n                    <\/div>\n                    <div class=\"wptb-button-label-text\" data-wptb-element-hover-bg-color=\"#3299D1FF\" data-wptb-element-hover-scale=\"1\" >\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/a>\n    <\/div>\n<\/div>;<\/td><\/tr><\/tbody><\/table>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_c62438f3-9660-491f-b765-60211212a84d\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong><a href=\"https:\/\/ultimateblocks.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ultimate Blocks<\/a><\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"330\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Ultimate-Blocks-2-1024x330.png\" alt=\"\" class=\"wp-image-22490\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Ultimate-Blocks-2-1024x330.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Ultimate-Blocks-2-300x97.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Ultimate-Blocks-2-768x247.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Ultimate-Blocks-2-1536x494.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Ultimate-Blocks-2-2048x659.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ultimate Blocks<\/strong> is a powerful Gutenberg-focused plugin that extends the default WordPress block editor with advanced content blocks. Among its offerings, the <strong><a href=\"https:\/\/ultimateblocks.com\/icon-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Icon Block<\/a><\/strong> enables users to build clean, flexible icon boxes using native WordPress blocks, without relying on page builders like Elementor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ultimate Blocks\u2019 Icon Block works seamlessly with core <strong>Group<\/strong>, <strong>Columns<\/strong>, and <strong>Layout<\/strong> blocks, allowing users to design fully responsive icon boxes that align perfectly with <a href=\"https:\/\/ultimateblocks.com\/best-wordpress-block-themes-for-full-site-editing\/\" target=\"_blank\" rel=\"noreferrer noopener\">modern block-based WordPress themes<\/a>. In addition, the plugin includes several pre-designed <strong><a href=\"https:\/\/ultimateblocks.com\/wordpress-patterns-library\/?search=icon\" target=\"_blank\" rel=\"noreferrer noopener\">Icon Box patterns<\/a><\/strong>, making it easy for beginners to get started quickly while still offering enough flexibility for advanced users.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Icon Block allows users to add icons alongside headings and text with full control over alignment, spacing, colors, and typography. Since it\u2019s built for the block editor, all icon boxes created with Ultimate Blocks remain lightweight, future-proof, and free from shortcode or page builder lock-in. This makes it an excellent choice for users who prefer a native WordPress experience and long-term content stability.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Also Read: <a href=\"https:\/\/wptablebuilder.com\/de\/best-wordpress-gutenberg-block-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">Best Gutenberg Blocks WordPress Plugins<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Demo:<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Icon boxes created with Ultimate Blocks can be used for showcasing services, features, or highlights in multi-column layouts using the default block editor. The included block patterns provide ready-made icon box layouts that can be customized further using core Gutenberg controls.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"515\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Icon-Box-Created-with-Ultimate-Blocks-1024x515.png\" alt=\"\" class=\"wp-image-22489\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Icon-Box-Created-with-Ultimate-Blocks-1024x515.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Icon-Box-Created-with-Ultimate-Blocks-300x151.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Icon-Box-Created-with-Ultimate-Blocks-768x386.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Icon-Box-Created-with-Ultimate-Blocks-1536x772.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Icon-Box-Created-with-Ultimate-Blocks-2048x1029.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Key Features:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Dedicated <strong>Icon Block<\/strong> for the WordPress block editor.<\/li>\n\n\n\n<li>Build icon boxes using <strong>core Group and Columns blocks<\/strong>.<\/li>\n\n\n\n<li>Pre-designed <strong>Icon Box block patterns<\/strong>.<\/li>\n\n\n\n<li>Full control over icon size, color, and alignment.<\/li>\n\n\n\n<li>Compatible with any block-based WordPress theme.<\/li>\n\n\n\n<li>Lightweight and performance-friendly.<\/li>\n\n\n\n<li>No shortcodes or page builder dependency.<\/li>\n\n\n\n<li>Clean, future-proof content structure.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Price:<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ultimate Blocks is <strong>available for free<\/strong> as a WordPress plugin, with all core icon box features accessible without requiring a paid upgrade.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_cdac0857-9f3a-44e0-9d31-4379d30f4bae\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong><a href=\"https:\/\/wptablebuilder.com\/de\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Table Builder<\/a><\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"329\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/03\/WP-Table-Builder-1024x329.png\" alt=\"\" class=\"wp-image-22270\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/03\/WP-Table-Builder-1024x329.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/03\/WP-Table-Builder-300x96.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/03\/WP-Table-Builder-768x247.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/03\/WP-Table-Builder-1536x493.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/03\/WP-Table-Builder-2048x657.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>WP Table Builder<\/strong> is primarily a WordPress table-building plugin, but it can also be used to create <strong>icon box\u2013style layouts<\/strong> using its advanced table elements. While WP Table Builder does not include a dedicated Icon Box block or widget, users can design similar layouts by using the <strong><a href=\"https:\/\/wptablebuilder.com\/de\/docs\/icon\/\" target=\"_blank\" rel=\"noreferrer noopener\">Icon<\/a><\/strong> and <strong><a href=\"https:\/\/wptablebuilder.com\/de\/docs\/text-icon-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">Text Icon<\/a><\/strong> elements inside table cells.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Icon element<\/strong> allows users to add standalone icons with control over size, color, and alignment. The <strong>Text Icon element<\/strong>, on the other hand, combines an icon with text in a single element, making it suitable for compact, self-contained icon box\u2013style sections. Users can choose to use either element independently or combine both, depending on the layout requirements.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A key advantage of WP Table Builder is its <strong>shortcode support<\/strong>, which allows these layouts to be embedded anywhere on a WordPress site, regardless of the editor or page builder being used.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Demo:<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">WP Table Builder can be used to build feature grids, service highlights, or informational panels that visually resemble icon boxes\u2014while retaining a structured, table-based layout.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">Key Features:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Two separate elements for icons: <strong>Icon<\/strong> and <strong>Text Icon<\/strong><\/li>\n\n\n\n<li>Drag-and-drop table builder with flexible grid control<\/li>\n\n\n\n<li>Suitable for icon box\u2013style feature and service layouts<\/li>\n\n\n\n<li>Shortcode support for use anywhere in WordPress<\/li>\n\n\n\n<li>Editor-agnostic and page-builder independent<\/li>\n\n\n\n<li>Icon and Text Icon elements available in the <strong>Pro version<\/strong><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Price:<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">WP Table Builder offers a <strong>free version<\/strong>, but the <strong>Icon<\/strong> and <strong>Text Icon<\/strong> elements required for icon box\u2013style layouts are available <strong>only in the Pro plan<\/strong>.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_4654bf37-df88-4047-8ef9-3e48cebaf0d2\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"3-elementor-icon-box-widget-\"><a href=\"https:\/\/elementor.com\/help\/icon-box-widget\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor<\/a><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"408\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/elementor-1-1024x408.png\" alt=\"\" class=\"has-border-color has-ast-global-color-6-border-color wp-image-18967\" style=\"border-width:4px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/elementor-1-1024x408.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/elementor-1-300x119.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/elementor-1-768x306.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/elementor-1.png 1266w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Elementor, the leading WordPress website builder, transforms website creation with its 40+ free widgets designed for professional and engaging sites. The Elementor Icon Box Widget, one of these 40+ free widgets, comes out as a handy tool by allowing users to present information using icons, titles, and descriptions in a visually appealing format.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With the icon box widget, users can either use icons or replace icons with images from the icon library, or even upload their own SVGs for a personalized touch. The option to set the icon view as Default, Stacked, or Framed adds to its customization capabilities. You can choose between circle and square shapes for icons to enhance flexibility and style. At the same time, In the Content tab, you will gain full access to manage and customize all aspects of the icon box, including the icon, view, title, description, and link. The Style tab lets you tweak icon and text colors, fonts, and other design elements to match your site&#8217;s aesthetic. You can adjust the icon position, alignment, and spacing between icons and content for perfect layout control.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Advanced tab provides extensive customization options, including control over icon box positioning, spacing adjustments, and the addition of custom code. Custom attributes and title HTML tag settings enhance SEO and accessibility, making this widget an invaluable tool for any website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Demo:&nbsp;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"966\" height=\"592\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/elementor.png\" alt=\"\" class=\"has-border-color wp-image-18965\" style=\"border-color:var(--ast-global-color-6);border-width:1px;border-radius:2px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/elementor.png 966w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/elementor-300x184.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/elementor-768x471.png 768w\" sizes=\"auto, (max-width: 966px) 100vw, 966px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Key Features:&nbsp;<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 0px;column-count: 1;--ub-list-mobile-column-count: 1\" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-d9c477dc-c7a2-4112-84ff-7684d51d6278\">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-7a1648bd-660c-4491-b491-3bbe5792f327\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Replace icons with images from the icon library or upload SVGs.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-708cde41-ca4a-478a-ac3e-70ddc7f9f3f6\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Set icon view as Default, Stacked, or Framed.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-f7bff8f8-53f0-40ff-b417-d06dc4fb386b\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Choose between Circle or Square shapes for icons.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-4d449673-112f-4b0f-b007-5b849b2e4970\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Manage and customize icon box information and elements in the Content tab.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-6f300ced-12f5-442d-8784-8f5fdac5e539\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Customize icon and text colors, fonts, and design elements in the Style tab.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-040f6894-541c-47a3-b9ec-44173af11196\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Adjust icon position, alignment, and spacing in the Style tab.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-6497e4b7-75ca-4ccc-9812-7bf7ad2588ae\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Control icon box positions and spacing.\u00a0<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/ul>\n\n\n<p class=\"wp-block-paragraph\"><strong>Price:&nbsp;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Elementor, the leading WordPress website builder, offers its Icon Box Widget for free.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_4fd0d060-3f2d-4599-8e3d-ca1468d94dc4\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"2-%C2%A0-elementskit-icon-box-widget-\">\u00a0<a href=\"https:\/\/wpmet.com\/plugin\/elementskit\/icon-box\/\" target=\"_blank\" rel=\"noreferrer noopener\">ElementsKit<\/a><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"533\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/elementskit-1024x533.png\" alt=\"\" class=\"has-border-color wp-image-18946\" style=\"border-color:var(--ast-global-color-6);border-width:4px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/elementskit-1024x533.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/elementskit-300x156.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/elementskit-768x400.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/elementskit.png 1347w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">ElementsKit Icon Box Widget is a versatile and comprehensive plugin designed to highlight your products and services effectively. The plugin\u2019s extensive collection of icons, including Font Awesome\u2014Regular, Solid, and Brands, helps to stand out in terms of icon box functionalities and customization options.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The plugin allows users to create and personalize icon boxes with an extensive range of beautiful icon styles. Starting with the basic styles for icon boxes compiled with unique arrow icon styles allows efficient user engagement and comfortability. This plugin&#8217;s vast icon selection and design flexibility will definitely make the users fall in awe. The plugin includes custom radius button hover styles, Gradient hover styles, and colorful box shapes with fill colors to add visual appeal. Multiple different box shapes, including those with image overlays and side icons, offer diverse design possibilities.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In addition to those, the List styles with colorful and bordered icons and color box styles with minimal gaps ensure a clean, professional look. These features collectively make the ElementsKit Icon Box Widget a powerful and adaptable solution for any user looking for a sleek and powerful icon box.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Demo:&nbsp;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"309\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/elemenskit-ezgif.com-video-to-gif-converter.gif\" alt=\"\" class=\"has-border-color has-ast-global-color-6-border-color wp-image-18970\" style=\"border-width:1px;border-radius:2px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Key Features:&nbsp;<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 0px;column-count: 1;--ub-list-mobile-column-count: 1\" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-2d5318b2-138b-432a-b9a3-6d952b41043e\">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-5cca1eab-8920-45f2-b66f-51c99c01ff12\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Extensive icon collection.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-a7a389d8-1b84-4b0a-ae04-4c74329b9fb8\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Multiple design options for icon boxes.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-fd80702d-449e-4e69-b657-cd3f802f74f9\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Upload SVG icons from your device.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-31781124-618e-49a4-b630-bfda2ba78d89\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Enable watermark for icon box.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-5f61b7f8-aa55-4c11-a1fe-0036a39d23c1\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Style icon box with background overlay.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-82655b69-ce98-42d0-8025-eaab59c38178\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Unique right arrow icon for user redirection.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-55c5044c-5f38-44ca-997c-4157beb4803a\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Gradient hover styles for enhanced visual appeal.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-05bbf076-d888-4cbb-87de-93dc7e434bdb\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Colorful box shapes with fill colors and icons.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-0ae95e25-2f72-45a0-8ace-4af27748608b\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Box shapes with image overlays.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/ul>\n\n\n<p class=\"wp-block-paragraph\"><strong>Price:&nbsp;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ElementsKit Icon Box Widget is available for free as a third-party addon.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_0087ef53-84d9-4645-a5b7-1c4bd220022d\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"4-happy-addons-for-elementor-\"><a href=\"https:\/\/wordpress.org\/plugins\/happy-elementor-addons\/\" target=\"_blank\" rel=\"noreferrer noopener\">Happy Addons for Elementor<\/a><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"323\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/happyaddons-1024x323.png\" alt=\"\" class=\"has-border-color has-ast-global-color-6-border-color wp-image-18947\" style=\"border-width:5px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/happyaddons-1024x323.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/happyaddons-300x95.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/happyaddons-768x242.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/happyaddons-1536x484.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/happyaddons.png 1573w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Happy Addons for Elementor is a dynamic extension engineered to enrich your Elementor experience. With 143+ Free &amp; Pro Widgets &amp; 24+ Features, it stands as one of the best Elementor add-ons on the market.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Icon Box Widget is basically a simplified version of the Infobox and offers various styles for showcasing information with flair. Using the plugin\u2019s easy drag-and-drop interface, you can effortlessly design your icon boxes with icons or SVGs, titles, badge text, box links, and many more. You can control every aspect of your design and even add an extra splash with motion effects. From setting text size and alignment to designing the icon, title, and badge, the possibilities are limitless. You can set the perfect padding, borders, and shadow to refine the visual presentation further, use the typography settings to make the texts within the boxes more engaging and use hover effects to make the box content stand out from the others.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Within the Icon Box Widget, you&#8217;ll discover a multitude of customization options, and the Advanced Tab option is like an extra sauce for fine-tuning your box\u2019s appearance, background, and responsiveness. This comprehensive suite of features will act as a perfect tool to create captivating icon boxes customized to your exact specifications.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Demo:&nbsp;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1714\" height=\"439\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/happyaddons-demo.png\" alt=\"\" class=\"has-border-color wp-image-18973\" style=\"border-color:var(--ast-global-color-6);border-width:1px;border-radius:2px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/happyaddons-demo.png 1714w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/happyaddons-demo-300x77.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/happyaddons-demo-1024x262.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/happyaddons-demo-768x197.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/happyaddons-demo-1536x393.png 1536w\" sizes=\"auto, (max-width: 1714px) 100vw, 1714px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Key Features:&nbsp;<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 0px;column-count: 1;--ub-list-mobile-column-count: 1\" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-bfa0b1f4-6110-4e95-9c5b-4e09d1e168f0\">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-e97e3dbc-5869-4d7e-9315-b09154660415\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">143+ Free &amp; Pro Widgets.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-114c7e23-4c38-4e4a-9852-6b0f2a538080\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Easy drag-and-drop interface.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-1b55831a-1192-431f-a422-929cd68b3610\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Design icon boxes with icons or SVGs.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-fac09d6e-532d-40b7-b898-f85e6c3b9a4a\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Customize titles, badge text, and box links.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-4127f91d-adec-4a3b-b385-857e7ea5432e\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Control icon size, text alignment, and hover effects.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-00d98f64-e4da-4c44-bf41-1311676d5426\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Set typography, text shadow, and text color.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-172ac1fd-707b-4775-b0d6-f5e402fdd6cc\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Fine-tune with Motion effects, background adjustments, and responsiveness controls.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/ul>\n\n\n<p class=\"wp-block-paragraph\"><strong>Price:&nbsp;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Happy Addons for Elementor includes a free Icon Box widget among its 143+ Free &amp; Pro Widgets.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_03a36bff-eaa4-48c5-8a81-7687d5e5d73d\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"6-colorbox-panels-amp-info-box-\"><a href=\"https:\/\/wordpress.org\/plugins\/colorbox-panels\/\" target=\"_blank\" rel=\"noreferrer noopener\">Colorbox Panels &amp; Info Box<\/a><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"327\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/colorbox-panels-and-info-box-1024x327.png\" alt=\"\" class=\"has-border-color has-ast-global-color-6-border-color wp-image-18949\" style=\"border-width:5px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/colorbox-panels-and-info-box-1024x327.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/colorbox-panels-and-info-box-300x96.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/colorbox-panels-and-info-box-768x246.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/colorbox-panels-and-info-box-1536x491.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/colorbox-panels-and-info-box.png 1570w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Colorbox Panels &amp; Info Box, introduces a novel approach to presenting content on websites. With its foundation on the Bootstrap framework, the plugin ensures responsiveness across various devices, distinguishing it from others in its league.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unlike traditional pop-up or lightbox plugins, this tool focuses on content and icon boxes, offering a sleek column layout. Its versatility allows for the incorporation of multiple boxes on various pages and posts, facilitating the creation of service or team pages effortlessly. One standout feature is the limitless color schemes and font styles available for customization, providing endless creative possibilities. The plugin seamlessly integrates with themes, offering limitless color boxes and panel placement. Users benefit from the intuitive drag-and-drop builder API, simplifying the organization of box items. The inclusion of draggable box items further enhances usability, enabling easy sorting. Its rich input fields streamline content creation, while the support for Font Awesome icons adds visual appeal.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The plugin offers various box layouts, including masonry\/isotope effects, catering to diverse design preferences. With individual box color settings, external link options, and extensive customization features, Colorbox Panels &amp; Info Box empowers users to craft stunning, personalized website elements easily.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Demo:&nbsp;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"762\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/colorbox-demo-2-2.png\" alt=\"\" class=\"has-border-color has-ast-global-color-6-border-color wp-image-18958\" style=\"border-width:1px;border-radius:2px;width:600px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/colorbox-demo-2-2.png 750w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/colorbox-demo-2-2-295x300.png 295w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Key Features:&nbsp;<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 0px;column-count: 1;--ub-list-mobile-column-count: 1\" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-2edccfc3-506f-457d-a181-763cccfc212f\">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77b7bbaa-aa5b-4706-9ad6-90ff72d4d5b5\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Responsive and mobile-friendly design.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-c7544315-c9e0-444d-90de-8833a497664d\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Infinite Colorbox\/panels integration.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-6486608b-790d-4ae8-87b3-557729b42811\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Draggable box items for effortless sorting.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-0943f6b6-2eb7-4f65-a79e-71320672b680\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Varied input field options for content.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-649f7369-9173-4f18-983d-d015614d8746\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Unlimited color choices for customization.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-654f5d58-ac45-4a7e-8a33-28c6d6ab081b\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Masonry\/Isotope effect integration for dynamic display.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-3e0bb8f0-5f57-48cd-84a7-7ef2b7593fc6\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Eight types of loading animations.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/ul>\n\n\n<p class=\"wp-block-paragraph\"><strong>Price:&nbsp;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Colorbox Panels &amp; Info Box offers both free and pro versions, with the Colorbox Pro Plugin available for just $5.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_53100809-39c1-4f09-8627-a02dd62b4823\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"7-icon-box-betheme%C2%A0-\"><a href=\"https:\/\/muffingroup.com\/betheme\/elements\/icon-box\/\" target=\"_blank\" rel=\"noreferrer noopener\">Betheme&nbsp;<\/a><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"881\" height=\"442\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/be-themes.png\" alt=\"\" class=\"has-border-color has-ast-global-color-6-border-color wp-image-18950\" style=\"border-width:4px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/be-themes.png 881w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/be-themes-300x151.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/be-themes-768x385.png 768w\" sizes=\"auto, (max-width: 881px) 100vw, 881px\" \/><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Icon Box by Betheme is an innovative plugin designed to enhance website visuals with customizable icon boxes. Icon Box and Icon Box Basic offer unique features that differentiate them from other plugins.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Icon Box enables users to add titles and content text and choose icon positions like Top, Bottom, Left, or Right. You can enjoy customization options, including the ability to select images from the Media Library instead of icons and apply hover effects such as Move box up, Zoom box, or Zoom icon. You will also enjoy the flexibility in positioning icons at the Start, Center, or End, adding to the plugin\u2019s distinctiveness.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Icon Box Basic allows users to add titles and content text with simplified options for icon positions: Top or Left. It also supports image selection from the Media Library and includes the option to show or hide the right border. You can choose custom entrance animations on scroll or static appearance to add dynamic elements to the design. These combined features make Icon Box by Betheme a versatile tool for diverse design needs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Demo:&nbsp;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"501\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/be-themes-demo-1024x501.png\" alt=\"\" class=\"has-border-color has-ast-global-color-6-border-color wp-image-18975\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/be-themes-demo-1024x501.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/be-themes-demo-300x147.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/be-themes-demo-768x376.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/be-themes-demo.png 1327w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Key Features:&nbsp;<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 0px;column-count: 1;--ub-list-mobile-column-count: 1\" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-9d0b0e45-8f00-4a11-964a-b0b770e13b7a\">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-f3c9a228-d3c0-4490-882f-176012c97634\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Choose icon position: Top \/ Bottom, Left \/ Right.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-0fde54db-0b23-4c15-b97c-d89bc6588246\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Select images from the Media Library instead of using an icon.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-45cfe194-3b6e-4afc-aa21-cf89869384a8\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Apply hover effects: Move box up, Zoom box, and Zoom icon.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-d4b37870-49bf-4384-95a7-903915b7de3d\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Position the icon at the Start, Center, or End.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-41880135-405f-4275-9d02-e9be58098d9d\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Option to show or hide the right border.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-b646f446-5bcf-4391-963f-29c3c6e64c21\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Ability to enter animation on a scroll.\u00a0<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/ul>\n\n\n<p class=\"wp-block-paragraph\"><strong>Price:&nbsp;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Icon Box by Betheme requires purchasing a Regular License for $60 per year to access its features.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_801e0d5f-f042-4c1d-96fc-579f99a5c1be\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"9-which-plugin-is-best-suited-for-you-\"><strong>FAQs<\/strong><\/h2>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-0c568629-c246-41c1-b63e-9ce176bb1ba8\" data-mobilecollapse=\"false\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-0-0c568629-c246-41c1-b63e-9ce176bb1ba8\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-0c568629-c246-41c1-b63e-9ce176bb1ba8\" style=\"color: #000000; \"><strong>What is an icon box in WordPress?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"true\" class=\"wp-block-ub-content-toggle-accordion-content-wrap\" id=\"ub-content-toggle-panel-0-0c568629-c246-41c1-b63e-9ce176bb1ba8\">\n\n<p class=\"wp-block-paragraph\">An icon box is a design element that combines an icon with text\u2014such as a title and short description\u2014to present information in a visually engaging and easy-to-scan format. Icon boxes are commonly used to highlight features, services, benefits, or team members on WordPress websites.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-1-0c568629-c246-41c1-b63e-9ce176bb1ba8\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-0c568629-c246-41c1-b63e-9ce176bb1ba8\" style=\"color: #000000; \"><strong>Do I need a page builder to create icon boxes in WordPress?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-1-0c568629-c246-41c1-b63e-9ce176bb1ba8\">\n\n<p class=\"wp-block-paragraph\">No, a page builder is not required. Some plugins, such as <strong>Ultimate Blocks<\/strong>, allow you to create icon boxes directly in the WordPress block editor (Gutenberg). Other solutions, like <strong>WP Table Builder<\/strong>, let you build icon box\u2013style layouts using shortcodes that work with any editor.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-2-0c568629-c246-41c1-b63e-9ce176bb1ba8\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-0c568629-c246-41c1-b63e-9ce176bb1ba8\" style=\"color: #000000; \"><strong>Which is the best icon box plugin for Gutenberg?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-2-0c568629-c246-41c1-b63e-9ce176bb1ba8\">\n\n<p class=\"wp-block-paragraph\">For users who rely on the default WordPress block editor, Ultimate Blocks is one of the best options. It offers a dedicated Icon Block and pre-designed Icon Box patterns that work seamlessly with core Gutenberg blocks, without introducing shortcode or page builder lock-in.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-3-0c568629-c246-41c1-b63e-9ce176bb1ba8\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-0c568629-c246-41c1-b63e-9ce176bb1ba8\" style=\"color: #000000; \"><strong>Can I create icon boxes without Elementor?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-3-0c568629-c246-41c1-b63e-9ce176bb1ba8\">\n\n<p class=\"wp-block-paragraph\">Yes. While <strong>Elementor<\/strong> includes a built-in Icon Box widget, plugins like Ultimate Blocks and WP Table Builder allow you to create icon box\u2013style layouts without using Elementor or any page builder.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-4-0c568629-c246-41c1-b63e-9ce176bb1ba8\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-0c568629-c246-41c1-b63e-9ce176bb1ba8\" style=\"color: #000000; \"><strong>Are icon box plugins bad for website performance?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-4-0c568629-c246-41c1-b63e-9ce176bb1ba8\">\n\n<p class=\"wp-block-paragraph\">Icon box plugins themselves are not inherently bad for performance. Lightweight, Gutenberg-based plugins tend to have minimal impact, while page builder\u2013based solutions may add extra scripts depending on usage. Choosing a plugin that fits your workflow and avoiding unnecessary features helps maintain good performance.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_b380fb39-e7be-4bea-abec-0f777ea31329\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"10-conclusion-\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Each plugin featured in this list offers a reliable way to create visually appealing icon boxes for WordPress websites. While they differ in approach\u2014ranging from Gutenberg-based solutions to page builder widgets and shortcode-friendly alternatives\u2014they all serve the same goal: presenting information clearly and effectively using icon-driven layouts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The right choice ultimately depends on your workflow, preferred editor, and the level of customization you need. Since most of the plugins covered here offer free versions, we recommend testing a few options to see which one fits best with your website and content creation process.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you\u2019ve come across an icon box plugin that delivers exceptional value and isn\u2019t included in this list, feel free to share it in the comments. We\u2019re always open to discovering useful tools that can help WordPress users build better websites.<\/p>\n\n\n<div class=\"wp-block-ub-social-share wp-embed-aspect-16-9 wp-has-aspect-ratio\" id=\"ub-social-share-5994868b-3f2f-4488-9974-ad5688f35115\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"facebook-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwptablebuilder.com%2Fde%2Fbest-icon-box-wordpress-plugins%2F&amp;title=7%20Best%20Icon%20Box%20WordPress%20Plugins%20%28Gutenberg%2C%20Elementor%20%26amp%3B%20More%29\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook square\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#ffffff\" fill=\"#ffffff\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">Share<\/span>\n\t\t\t<\/a><a aria-label=\"twitter-logo\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fwptablebuilder.com%2Fde%2Fbest-icon-box-wordpress-plugins%2F&amp;text=7%20Best%20Icon%20Box%20WordPress%20Plugins%20%28Gutenberg%2C%20Elementor%20%26amp%3B%20More%29\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter square\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#ffffff\" fill=\"#ffffff\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">Tweet<\/span>\n\t\t\t<\/a><a aria-label=\"linkedin-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fwptablebuilder.com%2Fde%2Fbest-icon-box-wordpress-plugins%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin square\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#ffffff\" fill=\"#ffffff\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">Share<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal wp-embed-aspect-16-9 wp-has-aspect-ratio\" id=\"ub_divider_9f8f5d49-4131-4579-9560-e5a73df9da8c\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line wp-embed-aspect-16-9 wp-has-aspect-ratio\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Icon boxes are small but powerful design elements that help present information in a clear, visually engaging way. By combining icons with text, they make it easier for visitors to scan content, understand key messages, and navigate a website more efficiently. Whether you\u2019re highlighting features, showcasing services, or introducing team members, icon boxes provide a [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":18944,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"class_list":["post-18943","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins"],"featured_image_src":"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Best-Icon-Box-WordPress-Plugins-WPTB.png","author_info":{"display_name":"Moinul Islam Maruf","author_link":"https:\/\/wptablebuilder.com\/de\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/posts\/18943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/comments?post=18943"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/posts\/18943\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/media\/18944"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/media?parent=18943"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/categories?post=18943"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/tags?post=18943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}