IMAGE BOX ELEMENT

Create amazing image boxes with unlimited style options.


[ux_image_box img= »80″]

Simple Style

Some smaller text

[/ux_image_box]


[ux_image_box style= »bounce » img= »45″]

Bounce Style

Add anything here

[/ux_image_box]


[ux_image_box style= »badge » img= »80″]

Badge Style

You can add shortcodes here

[/ux_image_box]


[ux_image_box style= »overlay » img= »71″]

Overlay Style

Add any elements here..

[/ux_image_box]


[ux_image_box style= »label » img= »54″]

Label Style

Add any elements here..

[/ux_image_box]


[ux_image_box style= »shade » img= »3344″]

Shade Style

Add any elements here..

[/ux_image_box]


[ux_image_box style= »push » img= »54″ image_height= »90% » text_hover= »bounce »]

Push Style

Add any elements here..

[/ux_image_box]


[ux_image_box style= »vertical » img= »54″ image_width= »48″]

Vertical Style Boxed

Add any elements here..

[button text= »A button » style= »secondary alt-button » radius= »10″]

[/ux_image_box]


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


[ux_image_box img= »80″ image_height= »100% »]

Simple Centered Style

Some smaller text

[/ux_image_box]


[ux_image_box style= »bounce » img= »77″ image_height= »100% » depth= »1″ text_bg= »rgb(66, 66, 66) » text_color= »dark »]

Bounce Style

Add anything here

[/ux_image_box]


[ux_image_box style= »overlay » img= »71″ 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]


[ux_image_box style= »overlay » img= »80″ image_height= »100% »]

Circle with Blur In Effect

Add any elements here..

[/ux_image_box]


[ux_image_box style= »shade » img= »3342″ image_height= »116% »]

Simple Shade  Style

A beautiful box.

[button text= »Quick View » style= »white »]

[/ux_image_box]


[ux_image_box style= »shade » img= »8899″ 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]