{"id":54,"date":"2016-01-12T17:26:06","date_gmt":"2016-01-12T17:26:06","guid":{"rendered":"http:\/\/flatsome.dev\/?page_id=3569"},"modified":"2026-07-14T17:54:32","modified_gmt":"2026-07-14T09:54:32","slug":"image-box","status":"publish","type":"page","link":"https:\/\/spain.i7f.cn\/index.php\/elements\/image-box\/","title":{"rendered":"Image Box"},"content":{"rendered":"

[ux_banner height=”500px” bg=”18″ bg_overlay=”rgba(0, 0, 0, 0.42)”]<\/p>\n

[text_box]<\/p>\n

IMAGE BOX ELEMENT<\/strong><\/h3>\n

Create amazing image boxes with unlimited style options.<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]
\n[section]<\/p>\n

[row]<\/p>\n

[col span=”4″]<\/p>\n

[ux_image_box img=”17″]<\/p>\n

Simple Style<\/h4>\n

Some smaller text<\/p>\n

[\/ux_image_box]<\/p>\n

[\/col]
\n[col span=”4″]<\/p>\n

[ux_image_box style=”bounce” img=”17″]<\/p>\n

Bounce\u00a0Style<\/h4>\n

Add anything here<\/p>\n

[\/ux_image_box]<\/p>\n

[\/col]
\n[col span=”4″]<\/p>\n

[ux_image_box style=”badge” img=”17″]<\/p>\n

Badge\u00a0Style<\/h4>\n

You can add shortcodes here<\/p>\n

[\/ux_image_box]<\/p>\n

[\/col]
\n[col span=”4″]<\/p>\n

[ux_image_box style=”overlay” img=”17″]<\/p>\n

Overlay Style<\/h2>\n

Add any\u00a0elements here..<\/p>\n

[\/ux_image_box]<\/p>\n

[\/col]
\n[col span=”4″]<\/p>\n

[ux_image_box style=”label” img=”17″]<\/p>\n

Label\u00a0Style<\/h4>\n

Add any\u00a0elements here..<\/p>\n

[\/ux_image_box]<\/p>\n

[\/col]
\n[col span=”4″]<\/p>\n

[ux_image_box style=”shade” img=”17″]<\/p>\n

Shade Style<\/h4>\n

Add any\u00a0elements here..<\/p>\n

[\/ux_image_box]<\/p>\n

[\/col]
\n[col span=”4″]<\/p>\n

[ux_image_box style=”push” img=”17″ image_height=”90%” text_hover=”bounce”]<\/p>\n

Push Style<\/h2>\n

Add any\u00a0elements here..<\/p>\n

[divider]<\/p>\n

[\/ux_image_box]<\/p>\n

[\/col]
\n[col span=”8″ depth=”2″ depth_hover=”5″]<\/p>\n

[ux_image_box style=”vertical” img=”17″ image_width=”48″]<\/p>\n

Vertical Style Boxed<\/h2>\n

Add any\u00a0elements here..<\/p>\n

[button text=”A button” style=”secondary alt-button” radius=”10″]<\/p>\n

[\/ux_image_box]<\/p>\n

[\/col]<\/p>\n

[\/row]<\/p>\n

[\/section]
\n[section]<\/p>\n

[row]<\/p>\n

[col align=”center”]<\/p>\n

Create any kind of Image box by using the options in the Page Builder.<\/h2>\n

We have created many examples here. Mix and Match effects to create your perfect Image Box<\/p>\n

[\/col]
\n[col span=”4″ depth=”1″]<\/p>\n

[ux_image_box img=”17″ image_height=”100%”]<\/p>\n

Simple Centered Style<\/h4>\n

Some smaller text<\/p>\n

[\/ux_image_box]<\/p>\n

[\/col]
\n[col span=”4″]<\/p>\n

[ux_image_box style=”bounce” img=”17″ image_height=”100%” depth=”1″ text_bg=”rgb(66, 66, 66)” text_color=”dark”]<\/p>\n

Bounce\u00a0Style<\/h4>\n

Add anything here<\/p>\n

[\/ux_image_box]<\/p>\n

[\/col]
\n[col span=”4″]<\/p>\n

[ux_image_box style=”overlay” img=”17″ image_height=”125%” image_hover=”blur” text_pos=”middle” text_size=”small” text_hover=”zoom-in”]<\/p>\n

Overlay Style With Blur and Zoom<\/h2>\n

Add any\u00a0elements here..<\/p>\n

[\/ux_image_box]<\/p>\n

[\/col]
\n[col span=”4″]<\/p>\n

[ux_image_box style=”overlay” img=”17″ image_height=”100%”]<\/p>\n

Circle with Blur In Effect<\/h4>\n

Add any\u00a0elements here..<\/p>\n

[\/ux_image_box]<\/p>\n

[\/col]
\n[col span=”4″]<\/p>\n

[ux_image_box style=”shade” img=”17″ image_height=”116%”]<\/p>\n

Simple Shade \u00a0Style<\/h4>\n

A beautiful box.<\/p>\n

[button text=”Quick View” style=”white”]<\/p>\n

[\/ux_image_box]<\/p>\n

[\/col]
\n[col span=”4″]<\/p>\n

[ux_image_box style=”shade” img=”17″ image_height=”100%” image_radius=”100″ image_hover=”zoom” text_pos=”middle” text_hover=”bounce”]<\/p>\n

Circle Image<\/h3>\n

Create this by adding radius 100% to the image.<\/p>\n

[\/ux_image_box]<\/p>\n

[\/col]<\/p>\n

[\/row]<\/p>\n

[\/section]<\/p>\n","protected":false},"excerpt":{"rendered":"

[ux_banner height=”500px” bg=”18&#824 […]<\/p>\n","protected":false},"author":1,"featured_media":17,"parent":90,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-54","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/spain.i7f.cn\/index.php\/wp-json\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spain.i7f.cn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spain.i7f.cn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spain.i7f.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spain.i7f.cn\/index.php\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":1,"href":"https:\/\/spain.i7f.cn\/index.php\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":125,"href":"https:\/\/spain.i7f.cn\/index.php\/wp-json\/wp\/v2\/pages\/54\/revisions\/125"}],"up":[{"embeddable":true,"href":"https:\/\/spain.i7f.cn\/index.php\/wp-json\/wp\/v2\/pages\/90"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/spain.i7f.cn\/index.php\/wp-json\/wp\/v2\/media\/17"}],"wp:attachment":[{"href":"https:\/\/spain.i7f.cn\/index.php\/wp-json\/wp\/v2\/media?parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}