GoodFellas | Image Box
57
page-template,page-template-page-blank,page-template-page-blank-php,page,page-id-57,theme-bridge,woocommerce-no-js,ajax_fade,page_not_loaded,,qode-title-hidden,qode_grid_1300,footer_responsive_adv,hide_top_bar_on_mobile_header,qode-content-sidebar-responsive,transparent_content,columns-3,qode-theme-ver-10.1.1,wpb-js-composer js-comp-ver-6.4.0,vc_responsive

[ux_banner height=»500px» bg=»13″ bg_overlay=»rgba(0, 0, 0, 0.42)»]

[text_box]

IMAGE BOX ELEMENT

Create amazing image boxes with unlimited style options.

[/text_box]

[/ux_banner]
[section]

[row]

[col span=»4″]

[ux_image_box img=»12″]

Simple Style

Some smaller text

[/ux_image_box]

[/col]
[col span=»4″]

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

Bounce Style

Add anything here

[/ux_image_box]

[/col]
[col span=»4″]

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

Badge Style

You can add shortcodes here

[/ux_image_box]

[/col]
[col span=»4″]

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

Overlay Style

Add any elements here..

[/ux_image_box]

[/col]
[col span=»4″]

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

Label Style

Add any elements here..

[/ux_image_box]

[/col]
[col span=»4″]

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

Shade Style

Add any elements here..

[/ux_image_box]

[/col]
[col span=»4″]

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

Push Style

Add any elements here..

[divider]

[/ux_image_box]

[/col]
[col span=»8″ depth=»2″ depth_hover=»5″]

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

Vertical Style Boxed

Add any elements here..

[/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=»12″ image_height=»100%»]

Simple Centered Style

Some smaller text

[/ux_image_box]

[/col]
[col span=»4″]

[ux_image_box style=»bounce» img=»12″ 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=»12″ 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=»12″ 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=»12″ image_height=»116%»]

Simple Shade  Style

A beautiful box.

[/ux_image_box]

[/col]
[col span=»4″]

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