{"id":63,"date":"2016-01-12T17:26:06","date_gmt":"2016-01-12T17:26:06","guid":{"rendered":"http:\/\/flatsome.dev\/?page_id=3569"},"modified":"2016-01-12T17:26:06","modified_gmt":"2016-01-12T17:26:06","slug":"image-box","status":"publish","type":"page","link":"https:\/\/chiaseklos.lt\/en\/elements\/image-box\/","title":{"rendered":"Image Box"},"content":{"rendered":"

[ux_banner height=”500px” bg=”19″ 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=”18″]<\/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=”18″]<\/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=”18″]<\/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=”18″]<\/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=”18″]<\/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=”18″]<\/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=”18″ 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=”18″ 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=”18″ 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=”18″ 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=”18″ 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=”18″ 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=”18″ 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=”18″ 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=”19″ 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=”18″] Simple Style Some smaller text [\/ux_image_box] [\/col] [col span=”4″] [ux_image_box style=”bounce” img=”18″] Bounce\u00a0Style Add anything here [\/ux_image_box] [\/col] [col span=”4″] [ux_image_box style=”badge” img=”18″] Badge\u00a0Style You can add shortcodes…<\/p>\n","protected":false},"author":0,"featured_media":18,"parent":98,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":{"0":"post-63","1":"page","2":"type-page","3":"status-publish","4":"has-post-thumbnail","5":"hentry","6":"nt-post-class","7":"","8":"masonry-item","9":"col-lg-6","13":"excerpt-none"},"acf":[],"_links":{"self":[{"href":"https:\/\/chiaseklos.lt\/en\/wp-json\/wp\/v2\/pages\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chiaseklos.lt\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chiaseklos.lt\/en\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/chiaseklos.lt\/en\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":0,"href":"https:\/\/chiaseklos.lt\/en\/wp-json\/wp\/v2\/pages\/63\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/chiaseklos.lt\/en\/wp-json\/wp\/v2\/pages\/98"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chiaseklos.lt\/en\/wp-json\/wp\/v2\/media\/18"}],"wp:attachment":[{"href":"https:\/\/chiaseklos.lt\/en\/wp-json\/wp\/v2\/media?parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}