Content Boxes for Elementor


Content Boxes for Elementor

Elevate Your Website with Stylish, Interactive Content Boxes!

Discover a variety of Content Boxes for Elementor with engaging hover effects, overlays, and animations. Perfect for adding interactivity and style to your Elementor-powered site.


Buy Now

Customize Content with Content Boxes for Elementor

Tailor your content boxes to suit your website’s style and provide an interactive, engaging experience for your visitors.

/* widget: Icon Box */

#uc_square_icon_box_elementor_3e06ec0 * {
box-sizing: border-box;
}

#uc_square_icon_box_elementor_3e06ec0{
font-family: inherit;
transition:0.3s;
position:relative;
}

#uc_square_icon_box_elementor_3e06ec0 .blox-boxed-small-square-icon-box-icon{

position:relative;
display:flex;
justify-content:center;
align-items:center;
transform:rotate(0deg);
z-index:2;
}
#uc_square_icon_box_elementor_3e06ec0 .ue-icon {
display:inline-block;
}
#uc_square_icon_box_elementor_3e06ec0 .blox-boxed-small-square-icon-box-icon > div{

position:relative;
display:flex;
justify-content:center;
align-items:center;
transform:rotate(-0deg);
}
#uc_square_icon_box_elementor_3e06ec0 .ue-icon-inner{
line-height:1em;
}

#uc_square_icon_box_elementor_3e06ec0 .ue-icon-inner svg{
height:1em;
width:1em;
}

.blox-boxed-small-square-icon-box-heading{
font-size:21px;
}

#uc_square_icon_box_elementor_3e06ec0:hover
{
position:relative;
z-index:1;
}

#uc_square_icon_box_elementor_3e06ec0 .ue_box_button
{
text-align:center;
text-decoration:none;
display:inline-block;
transition:0.3s;
}

#uc_square_icon_box_elementor_3e06ec0 span.line
{
display:block;
position:absolute;
top:0;
left:0;
width:0px;
transition:0.3s;
}

#uc_square_icon_box_elementor_3e06ec0:hover span.line
{
width:100%;
}

#uc_square_icon_box_elementor_3e06ec0 .ue-title-separator span
{
display:inline-block;
transition:0.3s;
}

Copy-and-Paste Designs

Easily transfer beautiful, engaging designs from our website to yours with a simple copy and paste.

/* widget: Icon Box */

#uc_square_icon_box_elementor_fe42267 * {
box-sizing: border-box;
}

#uc_square_icon_box_elementor_fe42267{
font-family: inherit;
transition:0.3s;
position:relative;
}

#uc_square_icon_box_elementor_fe42267 .blox-boxed-small-square-icon-box-icon{

position:relative;
display:flex;
justify-content:center;
align-items:center;
transform:rotate(0deg);
z-index:2;
}
#uc_square_icon_box_elementor_fe42267 .ue-icon {
display:inline-block;
}
#uc_square_icon_box_elementor_fe42267 .blox-boxed-small-square-icon-box-icon > div{

position:relative;
display:flex;
justify-content:center;
align-items:center;
transform:rotate(-0deg);
}
#uc_square_icon_box_elementor_fe42267 .ue-icon-inner{
line-height:1em;
}

#uc_square_icon_box_elementor_fe42267 .ue-icon-inner svg{
height:1em;
width:1em;
}

.blox-boxed-small-square-icon-box-heading{
font-size:21px;
}

#uc_square_icon_box_elementor_fe42267:hover
{
position:relative;
z-index:1;
}

#uc_square_icon_box_elementor_fe42267 .ue_box_button
{
text-align:center;
text-decoration:none;
display:inline-block;
transition:0.3s;
}

#uc_square_icon_box_elementor_fe42267 span.line
{
display:block;
position:absolute;
top:0;
left:0;
width:0px;
transition:0.3s;
}

#uc_square_icon_box_elementor_fe42267:hover span.line
{
width:100%;
}

#uc_square_icon_box_elementor_fe42267 .ue-title-separator span
{
display:inline-block;
transition:0.3s;
}

Engaging Visual Effects

Content Boxes for Elementor bring interactive visuals to captivate and engage your website visitors. 

/* widget: Icon Box */

#uc_square_icon_box_elementor_76df575 * {
box-sizing: border-box;
}

#uc_square_icon_box_elementor_76df575{
font-family: inherit;
transition:0.3s;
position:relative;
}

#uc_square_icon_box_elementor_76df575 .blox-boxed-small-square-icon-box-icon{

position:relative;
display:flex;
justify-content:center;
align-items:center;
transform:rotate(0deg);
z-index:2;
}
#uc_square_icon_box_elementor_76df575 .ue-icon {
display:inline-block;
}
#uc_square_icon_box_elementor_76df575 .blox-boxed-small-square-icon-box-icon > div{

position:relative;
display:flex;
justify-content:center;
align-items:center;
transform:rotate(-0deg);
}
#uc_square_icon_box_elementor_76df575 .ue-icon-inner{
line-height:1em;
}

#uc_square_icon_box_elementor_76df575 .ue-icon-inner svg{
height:1em;
width:1em;
}

.blox-boxed-small-square-icon-box-heading{
font-size:21px;
}

#uc_square_icon_box_elementor_76df575:hover
{
position:relative;
z-index:1;
}

#uc_square_icon_box_elementor_76df575 .ue_box_button
{
text-align:center;
text-decoration:none;
display:inline-block;
transition:0.3s;
}

#uc_square_icon_box_elementor_76df575 span.line
{
display:block;
position:absolute;
top:0;
left:0;
width:0px;
transition:0.3s;
}

#uc_square_icon_box_elementor_76df575:hover span.line
{
width:100%;
}

#uc_square_icon_box_elementor_76df575 .ue-title-separator span
{
display:inline-block;
transition:0.3s;
}

Lightweight and Optimized

The Content Boxes for Elementor are designed for fast load times, keeping your site performance high.

/* widget: Icon Box */

#uc_square_icon_box_elementor_277d743 * {
box-sizing: border-box;
}

#uc_square_icon_box_elementor_277d743{
font-family: inherit;
transition:0.3s;
position:relative;
}

#uc_square_icon_box_elementor_277d743 .blox-boxed-small-square-icon-box-icon{

position:relative;
display:flex;
justify-content:center;
align-items:center;
transform:rotate(0deg);
z-index:2;
}
#uc_square_icon_box_elementor_277d743 .ue-icon {
display:inline-block;
}
#uc_square_icon_box_elementor_277d743 .blox-boxed-small-square-icon-box-icon > div{

position:relative;
display:flex;
justify-content:center;
align-items:center;
transform:rotate(-0deg);
}
#uc_square_icon_box_elementor_277d743 .ue-icon-inner{
line-height:1em;
}

#uc_square_icon_box_elementor_277d743 .ue-icon-inner svg{
height:1em;
width:1em;
}

.blox-boxed-small-square-icon-box-heading{
font-size:21px;
}

#uc_square_icon_box_elementor_277d743:hover
{
position:relative;
z-index:1;
}

#uc_square_icon_box_elementor_277d743 .ue_box_button
{
text-align:center;
text-decoration:none;
display:inline-block;
transition:0.3s;
}

#uc_square_icon_box_elementor_277d743 span.line
{
display:block;
position:absolute;
top:0;
left:0;
width:0px;
transition:0.3s;
}

#uc_square_icon_box_elementor_277d743:hover span.line
{
width:100%;
}

#uc_square_icon_box_elementor_277d743 .ue-title-separator span
{
display:inline-block;
transition:0.3s;
}

Fully Mobile-Friendly

Adaptable to any screen size, Content Boxes for Elementor ensure a seamless experience across devices.

/* widget: Icon Box */

#uc_square_icon_box_elementor_eb05573 * {
box-sizing: border-box;
}

#uc_square_icon_box_elementor_eb05573{
font-family: inherit;
transition:0.3s;
position:relative;
}

#uc_square_icon_box_elementor_eb05573 .blox-boxed-small-square-icon-box-icon{

position:relative;
display:flex;
justify-content:center;
align-items:center;
transform:rotate(0deg);
z-index:2;
}
#uc_square_icon_box_elementor_eb05573 .ue-icon {
display:inline-block;
}
#uc_square_icon_box_elementor_eb05573 .blox-boxed-small-square-icon-box-icon > div{

position:relative;
display:flex;
justify-content:center;
align-items:center;
transform:rotate(-0deg);
}
#uc_square_icon_box_elementor_eb05573 .ue-icon-inner{
line-height:1em;
}

#uc_square_icon_box_elementor_eb05573 .ue-icon-inner svg{
height:1em;
width:1em;
}

.blox-boxed-small-square-icon-box-heading{
font-size:21px;
}

#uc_square_icon_box_elementor_eb05573:hover
{
position:relative;
z-index:1;
}

#uc_square_icon_box_elementor_eb05573 .ue_box_button
{
text-align:center;
text-decoration:none;
display:inline-block;
transition:0.3s;
}

#uc_square_icon_box_elementor_eb05573 span.line
{
display:block;
position:absolute;
top:0;
left:0;
width:0px;
transition:0.3s;
}

#uc_square_icon_box_elementor_eb05573:hover span.line
{
width:100%;
}

#uc_square_icon_box_elementor_eb05573 .ue-title-separator span
{
display:inline-block;
transition:0.3s;
}

Versatile Layout Options

Customize the layout of Content Boxes for Elementor by adjusting and styling it to fit any design theme.

/* widget: Icon Box */

#uc_square_icon_box_elementor_d2f7def * {
box-sizing: border-box;
}

#uc_square_icon_box_elementor_d2f7def{
font-family: inherit;
transition:0.3s;
position:relative;
}

#uc_square_icon_box_elementor_d2f7def .blox-boxed-small-square-icon-box-icon{

position:relative;
display:flex;
justify-content:center;
align-items:center;
transform:rotate(0deg);
z-index:2;
}
#uc_square_icon_box_elementor_d2f7def .ue-icon {
display:inline-block;
}
#uc_square_icon_box_elementor_d2f7def .blox-boxed-small-square-icon-box-icon > div{

position:relative;
display:flex;
justify-content:center;
align-items:center;
transform:rotate(-0deg);
}
#uc_square_icon_box_elementor_d2f7def .ue-icon-inner{
line-height:1em;
}

#uc_square_icon_box_elementor_d2f7def .ue-icon-inner svg{
height:1em;
width:1em;
}

.blox-boxed-small-square-icon-box-heading{
font-size:21px;
}

#uc_square_icon_box_elementor_d2f7def:hover
{
position:relative;
z-index:1;
}

#uc_square_icon_box_elementor_d2f7def .ue_box_button
{
text-align:center;
text-decoration:none;
display:inline-block;
transition:0.3s;
}

#uc_square_icon_box_elementor_d2f7def span.line
{
display:block;
position:absolute;
top:0;
left:0;
width:0px;
transition:0.3s;
}

#uc_square_icon_box_elementor_d2f7def:hover span.line
{
width:100%;
}

#uc_square_icon_box_elementor_d2f7def .ue-title-separator span
{
display:inline-block;
transition:0.3s;
}

Easy Customization

Customize every aspect of the Content Boxes for Elementor with a simple interface to match your style.

Frequently Asked Questions

/* widget: Content Accordion */

#uc_content_accordion_elementor_ce2cc1c *{
box-sizing: border-box;
}

#uc_content_accordion_elementor_ce2cc1c .uc_ac_box{
overflow:hidden;
}

#uc_content_accordion_elementor_ce2cc1c .ue_heading_title{
margin:0;
flex-grow:1;
display:flex;
flex-direction:row;
}

#uc_content_accordion_elementor_ce2cc1c .uc_container .uc-heading{
display:flex;
align-items:center;
overflow:hidden;
cursor:pointer;
}

#uc_content_accordion_elementor_ce2cc1c .uc_container .uc_content{
display:none;
}

#uc_content_accordion_elementor_ce2cc1c .uc_container .uc-heading span.ue_accordion_icon{
display:flex;
align-items:center;
justify-content:center;
flex-grow:0;
flex-shrink:0;
}

#uc_content_accordion_elementor_ce2cc1c .uc_ac_box.uc-item-active span.uc_dactive{
display:none;
}

#uc_content_accordion_elementor_ce2cc1c .uc_ac_box:not(.uc-item-active) span.uc_active{
display:none;
}

#uc_content_accordion_elementor_ce2cc1c span.ue_accordion_icon svg{
height:1em;
width:1em;
}

#uc_content_accordion_elementor_ce2cc1c .uc_container .uc_btn {
text-align: center;
display: inline-block;
text-decoration: none;
transition: ease-in-out all 0.25s;
}

#uc_content_accordion_elementor_ce2cc1c .ue-item-image img{
width:100%;
display:block;
object-fit:cover;
}


Are the Content Boxes Widgets for Elementor free?

Some Content Boxes Widgets are free, and others are available in the Pro version. Each widget thumbnail has a label indicating whether it’s free or Pro.


Are the Content Boxes Widgets for Elementor SEO optimized?

Yes, all our widgets are SEO optimized to help improve your website’s visibility and ranking in search engines.


Are the Content Boxes for Elementor speed optimized?

Yes, our widgets are designed with performance in mind. We ensure they’re lightweight and optimized to keep your website fast and responsive.


Are there regular updates for the Content Boxes Widgets?

Yes, we continuously update our widgets to ensure compatibility with the latest version of Elementor and WordPress, as well as to add new features and improvements.


Is support available for the Content Boxes Widgets?

Yes, we provide support for all widgets, with priority support for Pro users. If you need assistance, our support team is ready to help you make the most of your widgets.

{“@context”:”https:\/\/schema.org”,”@type”:”FAQPage”,”mainEntity”:[{“@type”:”Question”,”name”:”Are the Content Boxes Widgets for Elementor free?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Some Content Boxes Widgets are free, and others are available in the Pro version. Each widget thumbnail has a label indicating whether it\u2019s free or Pro.”}},{“@type”:”Question”,”name”:”Are the Content Boxes Widgets for Elementor SEO optimized?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Yes, all our widgets are SEO optimized to help improve your website\u2019s visibility and ranking in search engines.”}},{“@type”:”Question”,”name”:”Are the Content Boxes for Elementor speed optimized?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Yes, our widgets are designed with performance in mind. We ensure they\u2019re lightweight and optimized to keep your website fast and responsive.”}},{“@type”:”Question”,”name”:”Are there regular updates for the Content Boxes Widgets?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Yes, we continuously update our widgets to ensure compatibility with the latest version of Elementor and WordPress, as well as to add new features and improvements.”}},{“@type”:”Question”,”name”:”Is support available for the Content Boxes Widgets?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Yes, we provide support for all widgets, with priority support for Pro users. If you need assistance, our support team is ready to help you make the most of your widgets.”}}]}



web Design

Web Developer

Comments are closed, but trackbacks and pingbacks are open.