{"id":5110,"date":"2020-02-27T19:10:27","date_gmt":"2020-02-27T19:10:27","guid":{"rendered":"https:\/\/unlimited-elements.com\/?page_id=5110"},"modified":"2025-06-17T04:34:56","modified_gmt":"2025-06-17T04:34:56","slug":"solid-color-hero-widget-for-elementor","status":"publish","type":"page","link":"https:\/\/unlimited-elements.com\/solid-color-hero-widget-for-elementor\/","title":{"rendered":"Solid Color Hero Widget for Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"page\" data-elementor-id=\"5110\" class=\"elementor elementor-5110\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90859fa e-flex e-con-boxed e-con e-parent\" data-id=\"90859fa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-06ffa90 e-con-full e-flex e-con e-child\" data-id=\"06ffa90\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f407f49 elementor-widget elementor-widget-ucaddon_widget_demo_icon\" data-id=\"f407f49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_widget_demo_icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Widget Demo Icon -->\n<style>\/* widget: Widget Demo Icon *\/\n\n.ue-icon-wrapper\n{\n  text-align:center;\n}\n#uc_widget_demo_icon_elementor_f407f49\n{\n  margin: 0 auto;\n  width:100px;\n  height:100px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  background-color:white;\n  border-radius:20px;\n  box-shadow:0 10px 20px rgba(0,0,0,0.1);\n  position:relative;\n  overflow:hidden;\n}\n\n#uc_widget_demo_icon_elementor_f407f49 .ue_price_label\n{\n  position:absolute;\n  top: 8px;\n  right: -32px;\n  font-size:8px;\n  color:white;\n  background-color:#FF35A2;\n  text-transform:uppercase;\n  padding:2px 0px;\n  border-radius:3px;\n  transform: rotate(45deg);\n  width:100px;\n  text-align:center;\n  box-sizing:border-box;\n  line-height:1.8em;\n  font-weight:600;\n}\n\n#uc_widget_demo_icon_elementor_f407f49 img \n{\n  width:48px;\n  display:block;\n}\n\n<\/style>\n\n<div id=\"uc_widget_demo_icon_elementor_f407f49-wrapper\" class=\"ue-icon-wrapper\">\n<div id=\"uc_widget_demo_icon_elementor_f407f49\">\n  <img decoding=\"async\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/11\/Solid-Color-Hero-Widget-for-Elementor.svg\" alt=\"Solid Color Hero Widget for Elementor\" title=\"\">\n  <div class=\"ue_price_label\">PRO<\/div>\n<\/div>\n<\/div>\n<!-- end Widget Demo Icon -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bda2a08 elementor-widget elementor-widget-ucaddon_widget_page_bread_crumbs\" data-id=\"bda2a08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_widget_page_bread_crumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Widget Page Bread Crumbs -->\n<style>\/* widget: Widget Page Bread Crumbs *\/\n\n#uc_widget_page_bread_crumbs_elementor_bda2a08 ul {\n    list-style: none;\n    display: flex;\n    padding: 0;\n    margin: 0;\n    font-size: 14px;\n}\n\n#uc_widget_page_bread_crumbs_elementor_bda2a08 ul li\n{\n  display:inline-block;\n}\n\n#uc_widget_page_bread_crumbs_elementor_bda2a08 .ue_breadcrumbs__divider {\n    margin-right:7px;\n    margin-left:5px;\n  \t\n}\n#uc_widget_page_bread_crumbs_elementor_bda2a08 .ue_breadcrumbs__link,\n#uc_widget_page_bread_crumbs_elementor_bda2a08 .ue_breadcrumbs__text {\n\n}\n\n#uc_widget_page_bread_crumbs_elementor_bda2a08 ul a:hover\n{\n  text-decoration:underline;\n}\n\n.uc-breadcrumbs-error {\n  color: red;\n}\n\n<\/style>\n\n\n  <div class=\"uc-breadcrumbs-error\">Breadcrumbs Error: Page Slug Not found<\/div>\n\n<!-- end Widget Page Bread Crumbs -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee34e83 main-title elementor-widget elementor-widget-heading\" data-id=\"ee34e83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Solid Color Hero\n<span>\nWidget for Elementor\n<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1dbf24c elementor-widget elementor-widget-ucaddon_blox_btn_group\" data-id=\"1dbf24c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_blox_btn_group.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Button Group -->\n\t\t<link id='font-awesome-css' data-debloat-delay='' data-href='https:\/\/unlimited-elements.com\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' media='all' >\n\t\t<link id='font-awesome-4-shim-css' data-debloat-delay='' data-href='https:\/\/unlimited-elements.com\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' media='all' >\n\n<style>\/* widget: Button Group *\/\n\n#uc_blox_btn_group_elementor_1dbf24c\n{\n  display:flex;\n  flex-wrap: wrap;\n}\n\n#uc_blox_btn_group_elementor_1dbf24c a\n{\n  display:block;\n  text-decoration:none;\n  transition:0.3s;\n\n}\n\n#uc_blox_btn_group_elementor_1dbf24c .blox_btn_group_inner\n{\n  display:inline-flex;\n  align-items:center;\n}\n\n#uc_blox_btn_group_elementor_1dbf24c .blox_btn_group_inner .ue-btn-icon\n{\n  line-height:1em;\n}\n\n#uc_blox_btn_group_elementor_1dbf24c .blox_btn_group_inner .ue-btn-icon svg\n{\n  height:1em;\n  width:1em;\n}\n\n<\/style>\n\n<div id=\"uc_blox_btn_group_elementor_1dbf24c\" class=\"blox_btn_group uc-items-wrapper \" >\n  <a class=\"elementor-repeater-item-8b74d58 \" href=\"#widget-demo\" id=\"uc_blox_btn_group_elementor_1dbf24c_item1\" >\n  <div class=\"blox_btn_group_inner\">\n        <div class=\"ue-btn-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\"><g transform=\"translate(0, 0)\"><path fill=\"none\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M0.5,8  c0,0,3-5.5,7.5-5.5S15.5,8,15.5,8s-3,5.5-7.5,5.5S0.5,8,0.5,8z\"><\/path><circle data-color=\"color-2\" fill=\"none\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" cx=\"8\" cy=\"8\" r=\"2.5\"><\/circle><\/g><\/svg><\/div>\n        <div class=\"ue-btn-txt\">Demo<\/div>\n  <\/div>\n<\/a>\n<a class=\"elementor-repeater-item-c235f11 \" href=\"https:\/\/unlimited-elements.com\/docs\/solid-color-hero-widget-for-elementor\/\" id=\"uc_blox_btn_group_elementor_1dbf24c_item2\" >\n  <div class=\"blox_btn_group_inner\">\n        <div class=\"ue-btn-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M14.5 0.5H1.5V15.5H14.5V0.5Z\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M4.5 3.5H11.5\" stroke=\"#3E3FF0\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M4.5 6.5H11.5\" stroke=\"#3E3FF0\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M4.5 9.5H11.5\" stroke=\"#3E3FF0\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M4.5 12.5H7.5\" stroke=\"#3E3FF0\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div>\n        <div class=\"ue-btn-txt\">Documentation<\/div>\n  <\/div>\n<\/a>\n\n  \n\n\n<\/div>\n<!-- end Button Group -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc04cc7 elementor-widget elementor-widget-text-editor\" data-id=\"fc04cc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The Solid Color Hero widget for Elementor allows you to effortlessly create stunning hero sections, giving your web design projects a bold and professional look in just seconds.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61e30ce elementor-widget elementor-widget-button\" data-id=\"61e30ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/unlimited-elements.com\/pricing\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Buy Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6bbcaf e-con-full e-flex e-con e-child\" data-id=\"e6bbcaf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f63978e elementor-widget elementor-widget-image\" data-id=\"f63978e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"846\" height=\"757\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/09\/Solid-Color-Hero.png\" class=\"attachment-full size-full wp-image-166232\" alt=\"Solid Color Hero\" srcset=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/09\/Solid-Color-Hero.png 846w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/09\/Solid-Color-Hero-300x268.png 300w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/09\/Solid-Color-Hero-768x687.png 768w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/09\/Solid-Color-Hero-360x322.png 360w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/09\/Solid-Color-Hero-600x537.png 600w\" sizes=\"(max-width: 846px) 100vw, 846px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-228de4b e-con-full e-flex e-con e-parent\" data-id=\"228de4b\" data-element_type=\"container\" data-e-type=\"container\" id=\"widget-demo\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ec1216 elementor-widget elementor-widget-ucaddon_demos_viewer\" data-id=\"0ec1216\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_demos_viewer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start UE Demos Viewer -->\n\n<style>\/* widget: UE Demos Viewer *\/\n\n#uc_demos_viewer_elementor_0ec1216{\n    height: calc(100vh - 78px);\n  }\n\n#uc_demos_viewer_elementor_0ec1216 .ue-tempalte-viewer-inner{\n  display:flex;\n  height: 100%;\n  overflow: hidden;\n}\n\n\/* side navigation *\/\n#uc_demos_viewer_elementor_0ec1216 .ue-tempalte-viewer-nav-container{\n  overflow-y: auto;\n  flex: 0 0 auto;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-side-navigation{\n  display: grid;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-item{\n  cursor: pointer;\n  transition: all .3s ease-out;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-item-title{\n  transition: all .3s ease-out;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-item-image{\n  position: relative;\n  z-index: 4;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-item-image-badge{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  z-index: 3;\n  top: -5px;\n  right: -5px;\n  opacity: 0;\n  transition: all .3s ease-out;\n  animation: pulse 2s infinite;\n}\n\n#uc_demos_viewer_elementor_0ec1216.uc-iframe-loaded .ue-template-viewer-item-image-badge{\n  animation-name: unset;\n}\n\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.2);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-item-image-loader{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  position: absolute;\n  z-index: 0;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 25px;\n  height: 25px;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-item-image-loader svg{\n  width: 100%;\n  height: 100%;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-item.uc-item-active .ue-template-viewer-item-image-badge{\n  opacity: 1;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-item-image img{\n  position: relative;\n  z-index: 2;\n  object-fit: cover;\n  object-position: top;\n  display: block;\n  transition: all .3s ease-out;\n  aspect-ratio: 4 \/ 3;\n}\n\/* end side navigation *\/\n\n\/* top navigation *\/\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-top-navigation{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-arrows-share-button-container{\n  position: absolute;\n  z-index: 1;\n  top: 50%;\n  left: 15px;\n  transform: translate(0, -50%);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 21px;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-arrows{\n  display: flex;  \n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-arrow{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  line-height: 1em;\n  cursor: pointer;\n  transition: all .3s ease-out;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-share-button{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-window-size-container{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-window-size-item{\n  cursor: pointer;\n  transition: all .3s ease-out;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-buttons-container{\n  position: absolute;\n  z-index: 1;\n  top: 50%;\n  right: 20px;\n  transform: translate(0, -50%);\n  display: flex;\n  gap: 10px;\n  align-items: center; \n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-buy-button,\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button,\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-new-tab-button{\n  cursor: pointer;\n  transition: all .3s ease-out;\n  display: flex;\n  justify-content: center;\n  align-items: center;  \n  font-size: 14px;\n  line-height: 1.8em;\n  position: relative;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button-icon,\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button-text{ \n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all .1s ease-out;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button-icon{  \n  flex-shrink: 0;\n  width: 34px;\n  height: 35px;\n  border-top-left-radius: inherit;\n  border-bottom-left-radius: inherit;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button-text{\n  width: 64px;\n  height: 35px;\n  border-top-right-radius: inherit;\n  border-bottom-right-radius: inherit;\n  color: #ffffff;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button.uc-hover .ue-template-viewer-copy-button-icon.regular{\n  display: none;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button.uc-hover .ue-template-viewer-copy-button-icon.hover{\n  display: flex !important;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button.uc-loading .ue-template-viewer-copy-button-icon.regular,\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button.uc-loading .ue-template-viewer-copy-button-text.regular,\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button.uc-loading .ue-template-viewer-copy-button-icon.hover{\n  display: none !important;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button.uc-loading .ue-template-viewer-copy-button-icon.loading,\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button.uc-loading .ue-template-viewer-copy-button-text.loading{\n  display: flex !important;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-icon.regular,\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-text.regular,\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-icon.hover,\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-icon.loading,\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-text.loading{\n  display: none !important;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-icon.success,\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-text.success{\n  display: flex !important;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button-info{\n  position: absolute;\n  width: 190px;\n  padding: 15px;\n  border-radius: 8px;\n  background-color: #333333;\n  color: #ffffff;\n  font-size: 12px;\n  line-height: 18px;  \n  left: 34px;\n  top: 100%;\n  transform: translate(-100%, 10px);\n  opacity: 0;\n  pointer-events: none;\n  visibility: hidden;\n  transition: all .3s ease-out;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button-info-text-doubly-link{\n  color: #FF0085;\n  text-decoration: underline;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button-info-text-wp-link{\n  color: #ffffff;\n  text-decoration: underline;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button-info::before{\n  content: \"\";\n  position: absolute;\n  border: 10px solid #333333;\n  border-right-color: transparent;\n  border-top-color: transparent;\n  border-left-color: transparent;\n  transform: translate(0, calc(-100% + 1px));\n  right: 10px;\n  top: 0;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button.uc-info .ue-template-viewer-copy-button-info{\n  opacity: 1;\n  pointer-events: all;\n  visibility: visible;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-new-tab-button{\n  padding: 10px;\n  border-radius: 4px;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-new-tab-button:hover{\n  background-color: #E9EBF1;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-share-container{ \n  position: relative;\n  pointer-events: none;\n}\n\n#uc_demos_viewer_elementor_0ec1216.uc-iframe-loaded .ue-template-viewer-share-container{\n  pointer-events: all;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-share-list{\n  position: absolute;\n  width: 135px;\n  background-color: #fff;\n  box-shadow: 0px 4px 30px #0000001A;\n  top: 100%;\n  left: 0;\n  z-index: 1;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition: all .3s ease;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-share-list.uc-hover{\n  opacity: 1;\n  visibility: visible;\n  pointer-events: all;\n  transform: translate(0, 12px);\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-share-list-item{\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  padding: 4px 8px;\n  gap: 10px;\n  transition: all .3s ease;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-share-list-item:hover{\n  background-color: #E9EBF1;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-share-list-item-icon{\n  flex-shrink: 0;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-share-list-item-text{\n  font-size: 14px;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-share-button{\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 5px 15px;\n  background-color: #E9EBF1;\n  color: #000000;\n  font-size: 14px;\n  line-height: 1.8em;\n  border: 0;\n  border-radius: 100px;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-share-button-icon{\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\/* end top navigation *\/\n\n\/* frame *\/\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-frame-wrapper{\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-frame-container{\n  margin: 0px auto;\n  width: 100%;\n  height: calc(100% - 58px);\n  display: flex;\n  flex-direction: column;\n  will-change: width, margin, height;\n  transition: all .6s ease-in-out;\n  position: relative;\n  }\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-frame{\n  height: 100%;\n  user-select: none;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-frame-container.tablet{\n  width: 768px;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-frame-container.phone{\n  width: 360px;\n  height: 667px;\n}\n\n#uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-frame-loader{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n#uc_demos_viewer_elementor_0ec1216 .viewer-frame-loader-image{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#uc_demos_viewer_elementor_0ec1216.uc-iframe-loaded .ue-template-viewer-frame-loader{\n  display: none;\n  }\n\/* end frame *\/\n\n\/* media queries *\/\n@media screen and (max-width: 1024px) {\n  \n  \/* top navigation *\/\n  #uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-copy-button{\n    display: none;\n  }\n  \/* end top navigation *\/\n  \n}\n\n@media screen and (max-width: 767px) {\n  \n  #uc_demos_viewer_elementor_0ec1216{\n    height: calc(100vh - 78px);\n  }\n  \n  #uc_demos_viewer_elementor_0ec1216 .ue-tempalte-viewer-inner{\n    flex-direction: column-reverse;\n  }\n  \n  \/* side navigation *\/\n  #uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-top-title{\n  \tdisplay: none;\n  }\n  \n  #uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-item{\n  \tflex: 0 0 auto;\n    pointer-events: all;\n  }\n  \n  #uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-side-navigation{\n  \tdisplay: flex;\n  }\n  \n  #uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-item-title{\n    display: none;\n  }\n  \/* end side navigation *\/\n  \n  \/* top navigation *\/\n  #uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-window-size-container{\n  \tdisplay: none;\n  }\n  \n  #uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-top-navigation{\n    justify-content: space-between;\n    padding: 10px;\n  }\n  \n  #uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-arrows-share-button-container{\n    position: static;\n    transform: translate(0, 0);\n    flex-direction: row-reverse;\n    width: 50%;\n    max-width: 50%;\n    gap: 0;\n  }\n  \n  #uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-arrows{\n    position: relative;\n    z-index: 1;\n    transform: translate(0, 0);\n    margin-right: -43px;\n  }\n  \n  #uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-buttons-container{\n    position: static;\n    transform: translate(0, 0);\n    width: 50%;\n    max-width: 50%;\n    justify-content: end;\n    z-index: 0;\n  }\n  \n  #uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-new-tab-button{\n    display: none;\n  }\n  \n  #uc_demos_viewer_elementor_0ec1216 .ue-template-viewer-share-button{\n    gap: 5px;\n  }\n  \n  \/* end top navigation *\/\n  \n  \/* iframe holder *\/\n  \n  \/* end iframe holder *\/\n  \n}\n\/* end media queries *\/\n\n<\/style>\n\n\n<div id=\"uc_demos_viewer_elementor_0ec1216\" class=\"ue-template-viewer-wrapper doubly-disable-copy-section\">\n  \n  <div class=\"ue-tempalte-viewer-inner\">\n    \n    <div class=\"ue-tempalte-viewer-nav-container\">\n      <div class=\"ue-template-viewer-top-title\">Choose Template<\/div>\n      <div class=\"ue-template-viewer-side-navigation\">      \n                    \n<div class=\"ue-template-viewer-item\" data-id=\"169330\" data-post-link=\"https:\/\/unlimited-elements.com\/ue_templates\/solid-color-hero-with-a-call-to-action-button\/\">\n  \t<div class=\"ue-template-viewer-item-image\">\n      \t<div class=\"ue-template-viewer-item-image-badge\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"7\" viewBox=\"0 0 9 7\" fill=\"none\"><path d=\"M2.795 5.29L0.71 3.205L0 3.91L2.795 6.705L8.795 0.705L8.09 0L2.795 5.29Z\" fill=\"white\"><\/path><\/svg><\/div>\n      \t<div class=\"ue-template-viewer-item-image-loader\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\"><g stroke-width=\"1\" transform=\"translate(0.5, 0.5)\"><g class=\"nc-loop-circle-3-32-icon-o\" stroke-width=\"1\"><path d=\"M29.752 22A15.008 15.008 0 1 1 31 16\" fill=\"none\" stroke=\"#69ADFF\" stroke-miterlimit=\"10\" stroke-width=\"1\"><\/path><\/g><style stroke-width=\"1\">.nc-loop-circle-3-32-icon-o{--animation-duration:0.7s;transform-origin:16px 16px;animation:nc-loop-circle-3-anim var(--animation-duration) infinite linear}@keyframes nc-loop-circle-3-anim{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}<\/style><\/g><\/svg><\/div>\n    \t<img decoding=\"async\" class=\"ue-template-viewer-item-image-element\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/09\/Solid-Color-Hero-with-a-Call-to-Action-Button.jpg\" alt=\"Solid Color Hero with a Call to Action Button\" width=\"800\" height=\"600\" title=\"\">\n  \t<\/div>\n\t<div class=\"ue-template-viewer-item-title\">Solid Color Hero with a Call...<\/div>\n<\/div>\n\n<div class=\"ue-template-viewer-item\" data-id=\"169891\" data-post-link=\"https:\/\/unlimited-elements.com\/ue_templates\/solid-color-hero-with-custom-fonts\/\">\n  \t<div class=\"ue-template-viewer-item-image\">\n      \t<div class=\"ue-template-viewer-item-image-badge\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"7\" viewBox=\"0 0 9 7\" fill=\"none\"><path d=\"M2.795 5.29L0.71 3.205L0 3.91L2.795 6.705L8.795 0.705L8.09 0L2.795 5.29Z\" fill=\"white\"><\/path><\/svg><\/div>\n      \t<div class=\"ue-template-viewer-item-image-loader\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\"><g stroke-width=\"1\" transform=\"translate(0.5, 0.5)\"><g class=\"nc-loop-circle-3-32-icon-o\" stroke-width=\"1\"><path d=\"M29.752 22A15.008 15.008 0 1 1 31 16\" fill=\"none\" stroke=\"#69ADFF\" stroke-miterlimit=\"10\" stroke-width=\"1\"><\/path><\/g><style stroke-width=\"1\">.nc-loop-circle-3-32-icon-o{--animation-duration:0.7s;transform-origin:16px 16px;animation:nc-loop-circle-3-anim var(--animation-duration) infinite linear}@keyframes nc-loop-circle-3-anim{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}<\/style><\/g><\/svg><\/div>\n    \t<img decoding=\"async\" class=\"ue-template-viewer-item-image-element\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/09\/Solid-Color-Hero-with-Custom-Fonts.jpg\" alt=\"Solid Color Hero with Custom Fonts\" width=\"800\" height=\"600\" title=\"\">\n  \t<\/div>\n\t<div class=\"ue-template-viewer-item-title\">Solid Color Hero with Custom...<\/div>\n<\/div>\n\n<div class=\"ue-template-viewer-item\" data-id=\"169893\" data-post-link=\"https:\/\/unlimited-elements.com\/ue_templates\/solid-color-hero-with-a-button\/\">\n  \t<div class=\"ue-template-viewer-item-image\">\n      \t<div class=\"ue-template-viewer-item-image-badge\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"7\" viewBox=\"0 0 9 7\" fill=\"none\"><path d=\"M2.795 5.29L0.71 3.205L0 3.91L2.795 6.705L8.795 0.705L8.09 0L2.795 5.29Z\" fill=\"white\"><\/path><\/svg><\/div>\n      \t<div class=\"ue-template-viewer-item-image-loader\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\"><g stroke-width=\"1\" transform=\"translate(0.5, 0.5)\"><g class=\"nc-loop-circle-3-32-icon-o\" stroke-width=\"1\"><path d=\"M29.752 22A15.008 15.008 0 1 1 31 16\" fill=\"none\" stroke=\"#69ADFF\" stroke-miterlimit=\"10\" stroke-width=\"1\"><\/path><\/g><style stroke-width=\"1\">.nc-loop-circle-3-32-icon-o{--animation-duration:0.7s;transform-origin:16px 16px;animation:nc-loop-circle-3-anim var(--animation-duration) infinite linear}@keyframes nc-loop-circle-3-anim{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}<\/style><\/g><\/svg><\/div>\n    \t<img loading=\"lazy\" decoding=\"async\" class=\"ue-template-viewer-item-image-element\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/09\/Solid-Color-Hero-with-a-Button-2.jpg\" alt=\"Solid Color Hero with a Button\" width=\"800\" height=\"600\" title=\"\">\n  \t<\/div>\n\t<div class=\"ue-template-viewer-item-title\">Solid Color Hero with a...<\/div>\n<\/div>\n\n<div class=\"ue-template-viewer-item\" data-id=\"169892\" data-post-link=\"https:\/\/unlimited-elements.com\/ue_templates\/solid-color-hero-with-custom-background-color\/\">\n  \t<div class=\"ue-template-viewer-item-image\">\n      \t<div class=\"ue-template-viewer-item-image-badge\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"7\" viewBox=\"0 0 9 7\" fill=\"none\"><path d=\"M2.795 5.29L0.71 3.205L0 3.91L2.795 6.705L8.795 0.705L8.09 0L2.795 5.29Z\" fill=\"white\"><\/path><\/svg><\/div>\n      \t<div class=\"ue-template-viewer-item-image-loader\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\"><g stroke-width=\"1\" transform=\"translate(0.5, 0.5)\"><g class=\"nc-loop-circle-3-32-icon-o\" stroke-width=\"1\"><path d=\"M29.752 22A15.008 15.008 0 1 1 31 16\" fill=\"none\" stroke=\"#69ADFF\" stroke-miterlimit=\"10\" stroke-width=\"1\"><\/path><\/g><style stroke-width=\"1\">.nc-loop-circle-3-32-icon-o{--animation-duration:0.7s;transform-origin:16px 16px;animation:nc-loop-circle-3-anim var(--animation-duration) infinite linear}@keyframes nc-loop-circle-3-anim{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}<\/style><\/g><\/svg><\/div>\n    \t<img loading=\"lazy\" decoding=\"async\" class=\"ue-template-viewer-item-image-element\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/09\/Solid-Color-Hero-with-Custom-Background-Color.jpg\" alt=\"Solid Color Hero with Custom Background Color\" width=\"800\" height=\"600\" title=\"\">\n  \t<\/div>\n\t<div class=\"ue-template-viewer-item-title\">Solid Color Hero with Custom...<\/div>\n<\/div>\n\n              <\/div>\n    <\/div>\n\n    <div class=\"ue-template-viewer-frame-wrapper\">   \n      \n      <div class=\"ue-template-viewer-frame-loader\">\n      \t<div class=\"ue-template-viewer-frame-loader-text\">Loading...<\/div>                <div class=\"ue-template viewer-frame-loader-image\">\n          \t\n          \t\n          \t\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\"><g stroke-width=\"1\" transform=\"translate(0.5, 0.5)\"><g class=\"nc-loop-dots-3-32-icon-o\" stroke-width=\"1\"><circle cx=\"4\" cy=\"16\" fill=\"none\" r=\"3\" stroke=\"#69ADFF\" stroke-linecap=\"square\" stroke-miterlimit=\"10\" stroke-width=\"1\" stroke-linejoin=\"miter\"><\/circle><circle cx=\"16\" cy=\"16\" fill=\"none\" r=\"3\" stroke=\"#69ADFF\" stroke-linecap=\"square\" stroke-miterlimit=\"10\" stroke-width=\"1\" data-color=\"color-2\" stroke-linejoin=\"miter\"><\/circle><circle cx=\"28\" cy=\"16\" fill=\"none\" r=\"3\" stroke=\"#69ADFF\" stroke-linecap=\"square\" stroke-miterlimit=\"10\" stroke-width=\"1\" stroke-linejoin=\"miter\"><\/circle><\/g><style stroke-width=\"1\">.nc-loop-dots-3-32-icon-o>*{--animation-duration:0.8s;transform-origin:50% 50%;animation:nc-loop-dots-3-anim var(--animation-duration) infinite}.nc-loop-dots-3-32-icon-o>:nth-child(2){animation-delay:.1s}.nc-loop-dots-3-32-icon-o>:nth-child(3){animation-delay:.2s}@keyframes nc-loop-dots-3-anim{0%,100%,60%{transform:translateY(0)}30%{transform:translateY(20%)}}<\/style><\/g><\/svg>\t\n          \t\n          \t\n          \t\n          \t\n          \t\n          \t\n\n                  <\/div>\n              <\/div>  \n      \n      <div class=\"ue-template-viewer-top-navigation\">\n\n        <div class=\"ue-template-viewer-arrows-share-button-container\">\n          \n                    <div class=\"ue-template-viewer-arrows\">\n            <div class=\"ue-template-viewer-arrow ue-template-viewer-arrow-prev\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M21.5 12.5H1.5\" stroke=\"#444444\" stroke-miterlimit=\"10\"><\/path><path d=\"M8.5 5.5L1.5 12.5L8.5 19.5\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"><\/path><\/svg><\/div>\n            <div class=\"ue-template-viewer-arrow ue-template-viewer-arrow-next\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M2.5 12.5H22.5\" stroke=\"#444444\" stroke-miterlimit=\"10\"><\/path><path d=\"M15.5 5.5L22.5 12.5L15.5 19.5\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"><\/path><\/svg><\/div>\n          <\/div>\n          \n          <div class=\"ue-template-viewer-share-container\">\n            <button class=\"ue-template-viewer-share-button\">\n              <span class=\"ue-template-viewer-share-button-text\">Share<\/span>\n              <span class=\"ue-template-viewer-share-button-icon\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 19 19\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.6875 15.4375V11.4792C5.14583 11.4792 4.03275 12.5677 1.1875 16.2292C1.1875 8.47084 6.25417 6.72918 10.6875 6.72918V2.77084L18.2083 9.10418L10.6875 15.4375Z\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/><\/svg><\/span>\n            <\/button>\n            <div class=\"ue-template-viewer-share-list\">\n              <div class=\"ue-template-viewer-share-list-item\" data-link-type=\"facebook\">\n                <span class=\"ue-template-viewer-share-list-item-icon\"><svg width=\"15\" height=\"14\" viewBox=\"0 0 15 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M13.6364 0H1.36364C0.610227 0 0 0.569545 0 1.27273V12.7273C0 13.4305 0.610227 14 1.36364 14H8.18182V8.27273H6.13636V6.36364H8.18182V5.33845C8.18182 3.39755 9.195 2.54545 10.9234 2.54545C11.7511 2.54545 12.1889 2.60273 12.3961 2.62882V4.45455H11.2173C10.4836 4.45455 10.2273 4.816 10.2273 5.54782V6.36364H12.3777L12.0859 8.27273H10.2273V14H13.6364C14.3898 14 15 13.4305 15 12.7273V1.27273C15 0.569545 14.3891 0 13.6364 0Z\" fill=\"black\"\/><\/svg><\/span>\n                <span class=\"ue-template-viewer-share-list-item-text\">Facebook<\/span>\n              <\/div>\n              <div class=\"ue-template-viewer-share-list-item\" data-link-type=\"twitter\">\n                <span class=\"ue-template-viewer-share-list-item-icon\"><svg width=\"15\" height=\"14\" viewBox=\"0 0 15 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1.36364 0C0.610227 0 0 0.569545 0 1.27273V12.7273C0 13.4305 0.610227 14 1.36364 14H13.6364C14.3898 14 15 13.4305 15 12.7273V1.27273C15 0.569545 14.3898 0 13.6364 0H1.36364ZM3.16939 3.18182H6.31348L8.14853 5.63033L10.419 3.18182H11.4085L8.59331 6.22443L12.037 10.8182H8.89293L6.8568 8.10121L4.3426 10.8182H3.33718L6.40936 7.50586L3.16939 3.18182ZM4.69016 3.93501L9.2951 10.0613H10.5149L5.90865 3.93501H4.69016Z\" fill=\"black\"\/><\/svg><\/span>\n                <span class=\"ue-template-viewer-share-list-item-text\">X<\/span>\n              <\/div>\n              <div class=\"ue-template-viewer-share-list-item\" data-link-type=\"whatsapp\">\n                <span class=\"ue-template-viewer-share-list-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M8 0C3.582 0 0 3.582 0 8C0 9.50081 0.421561 10.9 1.14062 12.1003L0.0716146 16L4.05469 14.9544C5.21957 15.6167 6.56433 16 8 16C12.418 16 16 12.418 16 8C16 3.582 12.418 0 8 0ZM5.26172 4.26823C5.39172 4.26823 5.52529 4.26744 5.64063 4.27344C5.78329 4.27677 5.93857 4.28722 6.08724 4.61589C6.26391 5.00655 6.64858 5.9866 6.69792 6.08594C6.74725 6.18527 6.78221 6.30229 6.71354 6.43229C6.64821 6.56563 6.61423 6.64632 6.51823 6.76432C6.4189 6.87899 6.31005 7.02141 6.22005 7.10807C6.12072 7.20741 6.01815 7.31632 6.13281 7.51432C6.24748 7.71232 6.64571 8.36142 7.23437 8.88542C7.99104 9.56142 8.62946 9.76916 8.82812 9.86849C9.02679 9.96782 9.14184 9.95234 9.25651 9.81901C9.37451 9.68901 9.75208 9.24294 9.88542 9.04427C10.0154 8.8456 10.1481 8.87998 10.3281 8.94531C10.5108 9.01065 11.4849 9.49051 11.6836 9.58984C11.8823 9.68918 12.0125 9.73834 12.0625 9.81901C12.1138 9.90234 12.1139 10.2991 11.9492 10.7617C11.7846 11.2237 10.9759 11.6705 10.6133 11.7018C10.2473 11.7358 9.90571 11.8663 8.23438 11.2083C6.21838 10.4143 4.94699 8.34948 4.84766 8.21615C4.74832 8.08615 4.04036 7.1426 4.04036 6.16927C4.04036 5.1926 4.55244 4.71429 4.73177 4.51562C4.91444 4.31696 5.12839 4.26823 5.26172 4.26823Z\" fill=\"black\"\/><\/svg><\/span>\n                <span class=\"ue-template-viewer-share-list-item-text\">WhatsApp<\/span>\n              <\/div>\n              <div class=\"ue-template-viewer-share-list-item\" data-link-type=\"link\">\n                <span class=\"ue-template-viewer-share-list-item-icon\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 4H1C0.4 4 0 4.4 0 5V15C0 15.6 0.4 16 1 16H9C9.6 16 10 15.6 10 15V5C10 4.4 9.6 4 9 4Z\" fill=\"black\"\/><path d=\"M13 0H3V2H12V13H14V1C14 0.4 13.6 0 13 0Z\" fill=\"black\"\/><\/svg><\/span>\n                <span class=\"ue-template-viewer-share-list-item-text\">Copy Link<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n        <\/div>  \n\n        <div class=\"ue-template-viewer-window-size-container\">\n          <div class=\"ue-template-viewer-window-size-item ue-template-viewer-window-size-item--desktop uc-item-active\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"15\" viewBox=\"0 0 17 15\" fill=\"none\"><path d=\"M8.5 13.9563V12.1054\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M4 13.9563H13\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M16 1H1V10.2545H16V1Z\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div>\n          <div class=\"ue-template-viewer-window-size-item ue-template-viewer-window-size-item--tablet \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"16\" viewBox=\"0 0 15 16\" fill=\"none\"><path d=\"M3 12.1054H12\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M13 1H2C1.44772 1 1 1.41434 1 1.92545V13.9563C1 14.4674 1.44772 14.8817 2 14.8817H13C13.5523 14.8817 14 14.4674 14 13.9563V1.92545C14 1.41434 13.5523 1 13 1Z\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div>\n          <div class=\"ue-template-viewer-window-size-item ue-template-viewer-window-size-item--mobile \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"16\" viewBox=\"0 0 13 16\" fill=\"none\"><path d=\"M11 1H2C1.44772 1 1 1.41434 1 1.92545V13.9563C1 14.4674 1.44772 14.8817 2 14.8817H11C11.5523 14.8817 12 14.4674 12 13.9563V1.92545C12 1.41434 11.5523 1 11 1Z\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M6.5 12.5681C7.05228 12.5681 7.5 12.1538 7.5 11.6427C7.5 11.1316 7.05228 10.7172 6.5 10.7172C5.94772 10.7172 5.5 11.1316 5.5 11.6427C5.5 12.1538 5.94772 12.5681 6.5 12.5681Z\" fill=\"#444444\"><\/path><\/svg><\/div>\n        <\/div>  \n        \n        <div class=\"ue-template-viewer-buttons-container\">\n          <a class=\"ue-template-viewer-new-tab-button\" href=\"\" target=\"_blank\" title=\"Open Selected Template in New Tab\"><svg width=\"18\" height=\"17\" viewBox=\"0 0 18 17\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 17V7.54547\" stroke=\"#444444\" stroke-miterlimit=\"10\"\/><path d=\"M11.9095 10.4546L9.0004 7.54547L6.09131 10.4546\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/><path d=\"M3.18182 12.6364H2.45455C2.06878 12.6364 1.69881 12.4831 1.42603 12.2103C1.15325 11.9376 1 11.5676 1 11.1818V2.45455C1 2.06878 1.15325 1.69881 1.42603 1.42603C1.69881 1.15325 2.06878 1 2.45455 1H15.5455C15.9312 1 16.3012 1.15325 16.574 1.42603C16.8468 1.69881 17 2.06878 17 2.45455V11.1818C17 11.5676 16.8468 11.9376 16.574 12.2103C16.3012 12.4831 15.9312 12.6364 15.5455 12.6364H14.8182\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/><path d=\"M1 3.90906H17\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/><\/svg><\/a>\n                    \t<div class=\"ue-template-viewer-copy-button\">\n              <span class=\"ue-template-viewer-copy-button-icon regular\"><svg width=\"20\" height=\"17\" viewBox=\"0 0 20 17\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g clip-path=\"url(#clip0_7473_257)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.7951 3.44048L20 13.8218L9.53146 17L8.01939 12.1023L7.78876 11.3555L7.55826 10.6088L6.32654 6.6187L10.5007 5.35144L11.2537 5.12286L12.0069 4.89413L16.7951 3.44048ZM10.3954 0L11.5306 3.70279L10.0349 4.16008L9.35767 1.95082L1.95348 4.21458L4.22032 11.6087L6.28296 10.978L6.51186 11.7248L6.74074 12.4717L3.18256 13.5595L0 3.17822L10.3954 0Z\" fill=\"white\"\/><\/g><defs><clipPath id=\"clip0_7473_257\"><rect width=\"20\" height=\"17\" fill=\"white\"\/><\/clipPath><\/defs><\/svg><\/span>\n              <span class=\"ue-template-viewer-copy-button-icon hover\" style=\"display: none;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M8 0C3.6 0 0 3.6 0 8C0 12.4 3.6 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0ZM8 13C7.448 13 7 12.552 7 12C7 11.448 7.448 11 8 11C8.552 11 9 11.448 9 12C9 12.552 8.552 13 8 13ZM9.623 8.092C9.126 8.519 9 8.663 9 9C9 9.553 8.552 10 8 10C7.448 10 7 9.553 7 9C7 7.706 7.795 7.024 8.322 6.573C8.819 6.148 8.945 6.003 8.945 5.667C8.945 5.484 8.945 5 8.001 5C7.565 5.024 7.1 5.224 6.743 5.561C6.342 5.939 5.708 5.92 5.329 5.52C4.95 5.118 4.968 4.485 5.37 4.106C6.072 3.445 6.987 3.052 7.949 3.002H7.952C9.764 3.002 10.945 4.073 10.945 5.668C10.945 6.961 10.15 7.643 9.624 8.093L9.623 8.092Z\" fill=\"white\"\/><\/svg><\/span>\n              <span class=\"ue-template-viewer-copy-button-icon loading\" style=\"display: none;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\"><g transform=\"translate(0, 0)\"><g class=\"nc-loop-dots-3-16-icon-f\"><circle cx=\"1.5\" cy=\"8\" fill=\"#ffffff\" r=\"1.5\"\/><circle cx=\"8\" cy=\"8\" fill=\"#ffffff\" r=\"1.5\" data-color=\"color-2\"\/><circle cx=\"14.5\" cy=\"8\" fill=\"#ffffff\" r=\"1.5\"\/><\/g><style>.nc-loop-dots-3-16-icon-f&gt;*{--animation-duration:0.8s;transform-origin:50% 50%;animation:nc-loop-dots-3-anim var(--animation-duration) infinite}.nc-loop-dots-3-16-icon-f&gt;:nth-child(2){animation-delay:.1s}.nc-loop-dots-3-16-icon-f&gt;:nth-child(3){animation-delay:.2s}@keyframes nc-loop-dots-3-anim{0%,100%,60%{transform:translateY(0)}30%{transform:translateY(20%)}}<\/style><\/g><\/svg><\/span>\n              <span class=\"ue-template-viewer-copy-button-icon success\" style=\"display: none;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M16 3.6L15.2 2C8.3 4 4.8 8.4 4.8 8.4L1.6 6L0 7.6L4.8 14C8.5 7.1 16 3.6 16 3.6Z\" fill=\"white\"\/><\/svg><\/span>\n              <span class=\"ue-template-viewer-copy-button-text regular\">Copy<\/span>\n              <span class=\"ue-template-viewer-copy-button-text loading\" style=\"display: none;\">Copying<\/span>\n              <span class=\"ue-template-viewer-copy-button-text success\" style=\"display: none;\">Copied<\/span>\n              <div class=\"ue-template-viewer-copy-button-info\">\n                <div class=\"ue-template-viewer-copy-button-info-text\">Click to Copy the Section and paste to your site using <a class=\"ue-template-viewer-copy-button-info-text-doubly-link\" href=\"https:\/\/wordpress.org\/plugins\/doubly\/\" target=\"_blank\" title=\"Download the free plugin from wordpress.org\" rel=\"noopener\">Doubly Plugin<\/a> &nbsp; <a class=\"ue-template-viewer-copy-button-info-text-wp-link\" href=\"https:\/\/doubly.pro\/unlimited-elements\/\" target=\"_blank\" rel=\"noopener\">Learn More<\/a><\/div>\n              <\/div>\n          \t<\/div>\n                    <a class=\"ue-template-viewer-buy-button\" href=\"https:\/\/unlimited-elements.com\/pricing\/\">Buy Now<\/a>\t\t<\/div>\n          \n      <\/div>  \n\n      <div class=\"ue-template-viewer-frame-container desktop\">\n          <iframe class=\"ue-template-viewer-frame\" scrolling=\"yes\" src=\"https:\/\/unlimited-elements.com\/templates-iframe?ucrendertemplate=169330,169891,169893,169892&multiple=true\">\n        \t\n          <\/iframe>  \n      <\/div>  \n    <\/div>\n  <\/div>\n<\/div>\n<!-- end UE Demos Viewer -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63b2c00 e-flex e-con-boxed e-con e-parent\" data-id=\"63b2c00\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abb686d elementor-widget elementor-widget-heading\" data-id=\"abb686d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Solid Color Hero Widget Frequently Asked Questions<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-328f23f elementor-widget elementor-widget-ucaddon_content_accordion\" data-id=\"328f23f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_content_accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Accordion -->\n\n<style>\/* widget: Content Accordion *\/\n\n\n\n#uc_content_accordion_elementor_328f23f *{\n  box-sizing: border-box;\n}\n\n#uc_content_accordion_elementor_328f23f .uc_ac_box{\n  overflow:hidden;\n}\n\n#uc_content_accordion_elementor_328f23f .ue_heading_title{\n  margin:0;\n  flex-grow:1;\n  display:flex;\n  flex-direction:row;\n}\n\n#uc_content_accordion_elementor_328f23f .uc_container .uc-heading{\n\tdisplay:flex;\n    align-items:center;\n\toverflow:hidden;\n\tcursor:pointer;  \n}\n\n#uc_content_accordion_elementor_328f23f .uc_container .uc_content{\n    display:none;\n}\n\n#uc_content_accordion_elementor_328f23f .uc_container .uc-heading span.ue_accordion_icon{\n\tdisplay:flex;\n    align-items:center;\n   \tjustify-content:center;\n    flex-grow:0;\n    flex-shrink:0;\n}\n\n#uc_content_accordion_elementor_328f23f .uc_ac_box.uc-item-active span.uc_dactive{\n\tdisplay:none;\n}\n\n#uc_content_accordion_elementor_328f23f .uc_ac_box:not(.uc-item-active) span.uc_active{\n\tdisplay:none;\n}\n\n#uc_content_accordion_elementor_328f23f span.ue_accordion_icon svg{\n  height:1em;\n  width:1em;\n}\n\n#uc_content_accordion_elementor_328f23f .uc_container .uc_btn {\n    text-align: center;\n    display: inline-block;\n    text-decoration: none;\n    transition: ease-in-out all 0.25s;\n}\n\n#uc_content_accordion_elementor_328f23f .ue-item-image img{\n  width:100%;\n  display:block;\n  object-fit:cover;\n}\n\n<\/style>\n\n<div class=\"uc_material_accordion  \"  id=\"uc_content_accordion_elementor_328f23f\"  data-name=\"\" data-scroll=\"off\" data-offset=\"0\" data-closeothers=\"true\" data-set-hash=\"false\" >\n  <div class=\"uc_container uc-items-wrapper\">\n    \n\n\n<div id=\"#ue-tab1\" class=\"uc_ac_box elementor-repeater-item-675137b \" style=\"background-color:;\">\n  <a href=\"javascript:void(0)\" class=\"uc-heading uc_trigger\" role=\"button\">\n    <span class=\"uc_dactive bbb ue_accordion_icon\"><i class='fas fa-plus'><\/i><\/span> \n    <span class=\"uc_active bbb ue_accordion_icon\"><i class='fas fa-minus'><\/i><\/span>\n    <div class=\"ue_heading_title\">What is the Solid Color Hero widget in Elementor?<\/div>\n  <\/a>\n  \n  <div class=\"uc_content\" >\n        \n      \n         \n                      \n      \n              <div class=\"ue-item-text\"><p><span style=\"font-weight: 400;\">The Solid Color Hero widget is designed to create bold, clean hero sections using a single solid background color. It's perfect for minimalist designs where focus is placed on impactful typography, strong messaging, and clean layout. With customization options for text, spacing, and alignment, it helps set the tone for any page with a modern, straightforward style.<\/span><\/p><\/div>\n      \n              \n      <\/div> \n<\/div>\n\n\n\n<div id=\"#ue-tab2\" class=\"uc_ac_box elementor-repeater-item-70334d5 \" style=\"background-color:;\">\n  <a href=\"javascript:void(0)\" class=\"uc-heading uc_trigger\" role=\"button\">\n    <span class=\"uc_dactive bbb ue_accordion_icon\"><i class='fas fa-plus'><\/i><\/span> \n    <span class=\"uc_active bbb ue_accordion_icon\"><i class='fas fa-minus'><\/i><\/span>\n    <div class=\"ue_heading_title\">How do I add the Solid Color Hero widget to my Elementor website?<\/div>\n  <\/a>\n  \n  <div class=\"uc_content\" >\n        \n      \n         \n                      \n      \n              <div class=\"ue-item-text\"><p><span style=\"font-weight: 400;\">This widget requires the Unlimited Elements Pro version installed and activated on your WordPress website.<\/span><\/p><ol><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Go to the Unlimited Elements Widget Library.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Search for \u201cSolid Color Hero\u201d in the search bar.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Hover over the widget in the search results and click Install.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Add the \u201cSolid Color Hero\u201d widget to any Elementor page.<\/span><\/li><\/ol><\/div>\n      \n              \n      <\/div> \n<\/div>\n\n\n\n<div id=\"#ue-tab3\" class=\"uc_ac_box elementor-repeater-item-888970f \" style=\"background-color:;\">\n  <a href=\"javascript:void(0)\" class=\"uc-heading uc_trigger\" role=\"button\">\n    <span class=\"uc_dactive bbb ue_accordion_icon\"><i class='fas fa-plus'><\/i><\/span> \n    <span class=\"uc_active bbb ue_accordion_icon\"><i class='fas fa-minus'><\/i><\/span>\n    <div class=\"ue_heading_title\">Is the Solid Color Hero widget free?<\/div>\n  <\/a>\n  \n  <div class=\"uc_content\" >\n        \n      \n         \n                      \n      \n              <div class=\"ue-item-text\"><p><span style=\"font-weight: 400;\">The Solid Color Hero widget is not free; it is included in the Unlimited Elements Pro version. Unlock this widget and many other advanced features by upgrading to Pro. <\/span><a href=\"https:\/\/unlimited-elements.com\/pricing\/\"><b>Upgrade Now<\/b><\/a><\/p><\/div>\n      \n              \n      <\/div> \n<\/div>\n\n\n\n<div id=\"#ue-tab4\" class=\"uc_ac_box elementor-repeater-item-e7bded9 \" style=\"background-color:;\">\n  <a href=\"javascript:void(0)\" class=\"uc-heading uc_trigger\" role=\"button\">\n    <span class=\"uc_dactive bbb ue_accordion_icon\"><i class='fas fa-plus'><\/i><\/span> \n    <span class=\"uc_active bbb ue_accordion_icon\"><i class='fas fa-minus'><\/i><\/span>\n    <div class=\"ue_heading_title\">How do I use the Solid Color Hero widget in Elementor?<\/div>\n  <\/a>\n  \n  <div class=\"uc_content\" >\n        \n      \n         \n                      \n      \n              <div class=\"ue-item-text\"><p><span style=\"font-weight: 400;\">Using the Solid Color Hero widget is simple. Drag and drop it into your Elementor page, choose your preferred solid color background, then add a title, subtitle, and button if desired. Adjust spacing, typography, and layout to match your site\u2019s style.<\/span><\/p><\/div>\n      \n              \n      <\/div> \n<\/div>\n\n  <\/div>\n<\/div>\n\n\n<!-- end Content Accordion -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PRO Widgets \/ Creative Widgets \/ Widget For Test Solid Color Hero Widget for Elementor Demo Documentation The Solid Color Hero widget for Elementor allows you to effortlessly create stunning hero sections, giving your web design projects a bold and professional look in just seconds. Buy Now Choose Template Solid Color Hero with a Call&#8230; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-5110","page","type-page","status-publish","hentry","category-elementor-widgets"],"acf":[],"_links":{"self":[{"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/pages\/5110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/comments?post=5110"}],"version-history":[{"count":48,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/pages\/5110\/revisions"}],"predecessor-version":[{"id":234758,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/pages\/5110\/revisions\/234758"}],"wp:attachment":[{"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/media?parent=5110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/categories?post=5110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/tags?post=5110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}