IMAGE BOX ELEMENT
Create amazing image boxes with unlimited style options.
[/text_box] [/ux_banner] [section] [row] [col span=”4″] [ux_image_box img=”11″]Simple Style
Some smaller text
[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”bounce” img=”11″]Bounce Style
Add anything here
[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”badge” img=”11″]Badge Style
You can add shortcodes here
[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”overlay” img=”11″]Overlay Style
Add any elements here..
[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”label” img=”11″]Label Style
Add any elements here..
[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”shade” img=”11″]Shade Style
Add any elements here..
[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”push” img=”11″ image_height=”90%” text_hover=”bounce”]Push Style
Add any elements here..
Vertical Style Boxed
Add any elements here..
A button [/ux_image_box] [/col] [/row] [/section] [section] [row] [col align=”center”]Create any kind of Image box by using the options in the Page Builder.
We have created many examples here. Mix and Match effects to create your perfect Image Box
[/col] [col span=”4″ depth=”1″] [ux_image_box img=”11″ image_height=”100%”]Simple Centered Style
Some smaller text
[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”bounce” img=”11″ image_height=”100%” depth=”1″ text_bg=”rgb(66, 66, 66)” text_color=”dark”]Bounce Style
Add anything here
[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”overlay” img=”11″ image_height=”125%” image_hover=”blur” text_pos=”middle” text_size=”small” text_hover=”zoom-in”]Overlay Style With Blur and Zoom
Add any elements here..
[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”overlay” img=”11″ image_height=”100%”]Circle with Blur In Effect
Add any elements here..
[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”shade” img=”11″ image_height=”116%”]Simple Shade Style
A beautiful box.
Quick View [/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”shade” img=”11″ image_height=”100%” image_radius=”100″ image_hover=”zoom” text_pos=”middle” text_hover=”bounce”]Circle Image
Create this by adding radius 100% to the image.
[/ux_image_box] [/col] [/row] [/section]