{"id":63,"date":"2016-01-12T17:26:06","date_gmt":"2016-01-12T17:26:06","guid":{"rendered":"http:\/\/flatsome.dev\/?page_id=3569"},"modified":"2026-03-31T08:38:41","modified_gmt":"2026-03-31T08:38:41","slug":"image-box","status":"publish","type":"page","link":"https:\/\/kyucsanco.com\/?page_id=63","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] […]<\/p>\n","protected":false},"author":1,"featured_media":18,"parent":98,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-63","page","type-page","status-publish","has-post-thumbnail","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":["https:\/\/kyucsanco.com\/wp-content\/uploads\/2016\/08\/dummy-1.jpg",400,260,false],"thumbnail":["https:\/\/kyucsanco.com\/wp-content\/uploads\/2016\/08\/dummy-1-150x150.jpg",150,150,true],"medium":["https:\/\/kyucsanco.com\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg",300,195,true],"medium_large":["https:\/\/kyucsanco.com\/wp-content\/uploads\/2016\/08\/dummy-1.jpg",400,260,false],"large":["https:\/\/kyucsanco.com\/wp-content\/uploads\/2016\/08\/dummy-1.jpg",400,260,false],"1536x1536":["https:\/\/kyucsanco.com\/wp-content\/uploads\/2016\/08\/dummy-1.jpg",400,260,false],"2048x2048":["https:\/\/kyucsanco.com\/wp-content\/uploads\/2016\/08\/dummy-1.jpg",400,260,false],"woocommerce_thumbnail":["https:\/\/kyucsanco.com\/wp-content\/uploads\/2016\/08\/dummy-1-300x260.jpg",300,260,true],"woocommerce_single":["https:\/\/kyucsanco.com\/wp-content\/uploads\/2016\/08\/dummy-1.jpg",400,260,false],"woocommerce_gallery_thumbnail":["https:\/\/kyucsanco.com\/wp-content\/uploads\/2016\/08\/dummy-1-100x100.jpg",100,100,true]},"uagb_author_info":{"display_name":"kyucsanco@gmail.com","author_link":"https:\/\/kyucsanco.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"[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] […]","_links":{"self":[{"href":"https:\/\/kyucsanco.com\/index.php?rest_route=\/wp\/v2\/pages\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kyucsanco.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kyucsanco.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kyucsanco.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kyucsanco.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=63"}],"version-history":[{"count":1,"href":"https:\/\/kyucsanco.com\/index.php?rest_route=\/wp\/v2\/pages\/63\/revisions"}],"predecessor-version":[{"id":133,"href":"https:\/\/kyucsanco.com\/index.php?rest_route=\/wp\/v2\/pages\/63\/revisions\/133"}],"up":[{"embeddable":true,"href":"https:\/\/kyucsanco.com\/index.php?rest_route=\/wp\/v2\/pages\/98"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kyucsanco.com\/index.php?rest_route=\/wp\/v2\/media\/18"}],"wp:attachment":[{"href":"https:\/\/kyucsanco.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}