Interactive Banners

[vc_row bg_type= »no_bg » animation_type= »h » horizontal_animation= »left-animation » vertical_animation= »top-animation »][vc_column][vc_column_text]

Hello! Let us elaborate what are all the cool things you can do with the Interactive Banner Element.

[/vc_column_text][/vc_column][/vc_row][vc_row bg_type= »bg_color » bg_override= »full » css= ».vc_custom_1409406556171{padding: 50px 0px !important;background-color: #f7f7f7 !important;} » bg_color_value= »#f7f7f7″ animation_type= »h » horizontal_animation= »left-animation » vertical_animation= »top-animation »][vc_column][vc_text_separator title= »Simple Interactive Banner with Title on Left (by default) »][vc_column_text]

An image is used with the title, which is by default set to left.

[/vc_column_text][vc_row_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »SUSAN THE JUST » banner_title_location= »left » banner_image= »id^101|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-2.jpg|caption^null|alt^null|title^cd_6_flat|description^null » banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »MARK THE STRONG » banner_title_location= »left » banner_image= »id^88|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^cd_2_angle|description^null » banner_style= »style02″ banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »SOFIA THE SILENT » banner_title_location= »left » banner_image= »id^80|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^poster_5_up|description^null » banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »ALVIN THE CREATIVE » banner_title_location= »left » banner_image= »id^48|url^http://wp.kodesolution.work/personal/j/charitab/demo/wp-content/uploads/sites/7/2013/06/hoodie_2_front.jpg|caption^null|alt^null|title^hoodie_2_front|description^null » banner_style= »style02″ banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row bg_type= »theme_default » padding= »30px 0px »][vc_column][vc_text_separator title= »Simple Interactive Banner with Title in Center »][vc_column_text]

You can place your title to the center on the title bar & also you can customize the hover effects.

[/vc_column_text][vc_row_inner][vc_column_inner width= »1/3″][interactive_banner banner_title= »Device Compatible » banner_image= »id^80|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^poster_5_up|description^null » banner_style= »style12″ banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/3″][interactive_banner banner_title= »Extreme Typography » banner_image= »id^77|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/cap-2.jpg|caption^null|alt^null|title^poster_4_up|description^null » banner_style= »style11″ banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/3″][interactive_banner banner_title= »Easy To Use » banner_image= »id^88|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^cd_2_angle|description^null » banner_style= »style12″ banner_overlay_bg_color= »rgba(36,36,36,0.39) » banner_opacity= »opaque »][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row bg_type= »bg_color » bg_override= »full » css= ».vc_custom_1409406467180{padding: 50px 0px !important;background-color: #f7f7f7 !important;} » bg_color_value= »#f7f7f7″ animation_type= »h » horizontal_animation= »left-animation » vertical_animation= »top-animation »][vc_column][vc_text_separator title= »Image Icon Background and On-Hover Description »][vc_column_text]

You can apply icons to the background simply by using Image Icon and choose to display text on Hover.

[/vc_column_text][vc_row_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »SMILE WITH US » banner_desc= »We make you smile with our work that last forever. We work with simplicity and curiosity. » banner_image= »id^80|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^poster_5_up|description^null » banner_bg_color= »#494949″ banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »START SHOPPING » banner_desc= »Our product is just awesome. You can buy it now from anywhere in the world. » banner_image= »id^95|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/beanie-with-logo-1.jpg|caption^null|alt^null|title^cd_4_angle|description^null » banner_bg_color= »#494949″ banner_overlay_bg_color= »rgba(36,36,36,0.39) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »UNLOCK YOURSELF » banner_desc= »Unlock your power of creativity, we just spice them to make it more attractive. » banner_image= »id^94|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/cap-2.jpg|caption^null|alt^null|title^cd_4_flat|description^null » banner_bg_color= »#494949″ banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »WE ARE WITH YOU » banner_desc= »Never be afraid we are with you. We support as long as you need it. » banner_image= »id^75|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^Poster_3_flat|description^null » banner_bg_color= »#494949″ banner_overlay_bg_color= »rgba(36,36,36,0.39) » banner_opacity= »opaque »][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row bg_type= »theme_default » padding= »30px 0px »][vc_column][vc_text_separator title= »Icons with the Title »][vc_column_text]

You can place icons with the title section

[/vc_column_text][vc_row_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »Smart Capture » banner_title_location= »left » banner_desc= »This is dummy image that only describes the photography effects. » icon_disp= »with_heading » banner_icon= »Defaults-camera » banner_image= »id^77|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/vnech-tee-blue-1.jpg|caption^null|alt^null|title^poster_4_up|description^null » banner_style= »style04″ banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »light level » banner_title_location= »left » banner_desc= »This is dummy image that only describes the photography effects. » icon_disp= »with_heading » banner_icon= »Defaults-lightbulb-o » banner_image= »id^88|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^cd_2_angle|description^null » banner_style= »style03″ banner_overlay_bg_color= »rgba(36,36,36,0.39) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »Object Focus » banner_title_location= »left » banner_desc= »This is dummy image that only describes the photography effects. » icon_disp= »with_heading » banner_icon= »Defaults-hand-o-right » banner_image= »id^48|url^http://wp.kodesolution.work/personal/j/charitab/demo/wp-content/uploads/sites/7/2013/06/hoodie_2_front.jpg|caption^null|alt^null|title^hoodie_2_front|description^null » banner_style= »style04″ banner_overlay_bg_color= »rgba(36,36,36,0.39) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »Color Effects » banner_title_location= »left » banner_desc= »This is dummy image that only describes the photography effects. » icon_disp= »with_heading » banner_icon= »Defaults-tint » banner_image= »id^51|url^http://wp.kodesolution.work/personal/j/charitab/demo/wp-content/uploads/sites/7/2013/06/hoodie_3_front.jpg|caption^null|alt^null|title^hoodie_3_front|description^null » banner_style= »style03″ banner_overlay_bg_color= »rgba(36,36,36,0.39) » banner_opacity= »opaque »][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row bg_type= »bg_color » bg_override= »full » css= ».vc_custom_1409406425075{padding: 50px 0px !important;background-color: #f7f7f7 !important;} » bg_color_value= »#f7f7f7″ animation_type= »h » horizontal_animation= »left-animation » vertical_animation= »top-animation »][vc_column][vc_text_separator title= »Icon on Hover »][vc_column_text]

You can also use the icons with the On-Hover description.

[/vc_column_text][vc_row_inner][vc_column_inner width= »1/3″][interactive_banner banner_title= »Speak With Us » banner_desc= »Feel free to speak with us. We love talking. » icon_disp= »with_description » banner_icon= »Ultimate-set-uniE6DB » banner_image= »id^88|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^cd_2_angle|description^null » banner_style= »style04″ banner_overlay_bg_color= »rgba(36,36,36,0.39) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/3″][interactive_banner banner_title= »Happy to Serve » banner_desc= »We are always happy and delighted working with you. » icon_disp= »with_description » banner_icon= »Ultimate-set-uniE05D » banner_image= »id^80|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^poster_5_up|description^null » banner_style= »style03″ banner_overlay_bg_color= »rgba(36,36,36,0.39) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/3″][interactive_banner banner_title= »Custom Facility » banner_desc= »Its easy to customize in any manner you want. » icon_disp= »with_description » banner_icon= »Ultimate-set-uniE7D5″ banner_image= »id^43|url^https://dev.kodesolution.work/retail/martialz/demo/wp-content/uploads/sites/2/2013/06/hoodie_7_front.jpg|caption^null|alt^null|title^hoodie_7_front|description^null » banner_style= »style04″ banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_text_separator title= »Colored Title Bar »][vc_column_text]

Title Bar color can be changed according to the overall look of your website.

[/vc_column_text][vc_row_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »iPhone » banner_desc= »Discover the world of iPhone, you will fall in love with it. » banner_image= »id^80|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^poster_5_up|description^null » banner_bg_color= »#0297dd » banner_overlay_bg_color= »rgba(36,36,36,0.42) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »iPad » banner_desc= »Explore the iPad features, you will fall in love with it. » banner_image= »id^88|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^cd_2_angle|description^null » banner_bg_color= »#0297dd » banner_overlay_bg_color= »rgba(36,36,36,0.39) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »iPod » banner_desc= »Making difference in the world of sound, that’s what it is. » banner_image= »id^48|url^http://wp.kodesolution.work/personal/j/charitab/demo/wp-content/uploads/sites/7/2013/06/hoodie_2_front.jpg|caption^null|alt^null|title^hoodie_2_front|description^null » banner_bg_color= »#0297dd » banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »MacBook » banner_desc= »Explore the variety of MacBook, and you will love it for sure. » banner_image= »id^94|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/belt-2.jpg|caption^null|alt^null|title^cd_4_flat|description^null » banner_bg_color= »#0297dd » banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row bg_type= »bg_color » bg_override= »full » css= ».vc_custom_1409406396959{padding: 30px 0px !important;background-color: #f7f7f7 !important;} » bg_color_value= »#f7f7f7″ animation_type= »h » horizontal_animation= »left-animation » vertical_animation= »top-animation »][vc_column][vc_text_separator title= »Button Link on Hover »][vc_column_text]

You can apply the read more link button to the On-Hover description

[/vc_column_text][vc_row_inner][vc_column_inner width= »1/3″][interactive_banner banner_title= »Dark Image » banner_desc= »This image is Layered with dark shadow. » banner_image= »id^80|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^poster_5_up|description^null » link_opts= »more » banner_link= »url:%23|| » banner_link_text= »READ MORE » banner_link_bg_color= »rgba(36,36,36,0.4) » banner_style= »style21″ banner_bg_color= »#0297dd » banner_overlay_bg_color= »rgba(36,36,36,0.39) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/3″][interactive_banner banner_title= »Water Splash » banner_desc= »This image is layered with water splash. » banner_image= »id^94|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/belt-2.jpg|caption^null|alt^null|title^cd_4_flat|description^null » link_opts= »more » banner_link= »url:%23|| » banner_link_text= »READ MORE » banner_style= »style22″ banner_bg_color= »#0297dd » banner_overlay_bg_color= »rgba(36,36,36,0.39) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/3″][interactive_banner banner_title= »Skyscraper » banner_desc= »This image is Layered with light and shadow . » banner_image= »id^77|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/beanie-2.jpg|caption^null|alt^null|title^poster_4_up|description^null » link_opts= »more » banner_link= »url:%23|| » banner_link_text= »READ MORE » banner_link_bg_color= »rgba(36,36,36,0.4) » banner_style= »style21″ banner_bg_color= »#0297dd » banner_overlay_bg_color= »rgba(36,36,36,0.38) » banner_opacity= »opaque »][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_text_separator title= »Link Complete Banner »][vc_column_text]

Another example of link on the interactive banner is complete box link

[/vc_column_text][vc_row_inner][vc_column_inner width= »1/3″][interactive_banner banner_title= »Camera one » banner_desc= »Camera is the great innovation. It captures very moments. » banner_image= »id^88|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^cd_2_angle|description^null » link_opts= »box » banner_link= »url:%23|| » banner_bg_color= »#e02302″ banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/3″][interactive_banner banner_title= »Camera Second » banner_desc= »Camera is the great innovation. It captures very moments. » banner_image= »id^51|url^https://dev.kodesolution.work/retail/martialz/demo/wp-content/uploads/sites/2/2013/06/hoodie_3_front.jpg|caption^null|alt^null|title^hoodie_3_front|description^null » link_opts= »box » banner_link= »url:%23|| » banner_bg_color= »#e02302″ banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/3″][interactive_banner banner_title= »Camera Third » banner_desc= »Camera is the great innovation. It captures very moments. » banner_image= »id^80|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^poster_5_up|description^null » link_opts= »box » banner_link= »url:%23|| » banner_bg_color= »#e02302″ banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_text_separator title= »Hover Effects »][vc_column_text]

All Possible Cool Hover Effects Below.

[/vc_column_text][vc_row_inner][vc_column_inner width= »1/3″][interactive_banner banner_title= »Interactive banner title » banner_title_location= »left » banner_desc= »A short description of this banner. A short description of this banner. A short description of this banner. » icon_disp= »both » banner_icon= »Defaults-github-alt » banner_image= »id^88|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^cd_2_angle|description^null » banner_bg_color= »#de5034″ banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][interactive_banner banner_title= »Interactive banner title » banner_title_location= »left » banner_desc= »A short description of this banner. A short description of this banner. A short description of this banner. » icon_disp= »both » banner_icon= »Defaults-github-alt » banner_image= »id^94|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/belt-2.jpg|caption^null|alt^null|title^cd_4_flat|description^null » banner_style= »style04″ banner_bg_color= »#de5034″ banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][interactive_banner banner_title= »Interactive banner title » banner_title_location= »left » banner_desc= »A short description of this banner. A short description of this banner. A short description of this banner. » icon_disp= »both » banner_icon= »Defaults-github-alt » banner_image= »id^88|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^cd_2_angle|description^null » banner_style= »style13″ banner_bg_color= »#de5034″ banner_overlay_bg_color= »rgba(36,36,36,0.39) » banner_opacity= »opaque »][interactive_banner banner_title= »Interactive banner title » banner_title_location= »left » banner_desc= »A short description of this banner. A short description of this banner. A short description of this banner. » icon_disp= »both » banner_icon= »Defaults-github-alt » banner_image= »id^92|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/cap-2.jpg|caption^null|alt^null|title^cd_3_flat|description^null » banner_style= »style31″ banner_bg_color= »#de5034″ banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/3″][interactive_banner banner_title= »Interactive banner title » banner_title_location= »left » banner_desc= »A short description of this banner. A short description of this banner. A short description of this banner. » icon_disp= »both » banner_icon= »Defaults-github-alt » banner_image= »id^80|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^poster_5_up|description^null » banner_style= »style02″ banner_bg_color= »#de5034″ banner_overlay_bg_color= »rgba(36,36,36,0.41) » banner_opacity= »opaque »][interactive_banner banner_title= »Interactive banner title » banner_title_location= »left » banner_desc= »A short description of this banner. A short description of this banner. A short description of this banner. » icon_disp= »both » banner_icon= »Defaults-github-alt » banner_image= »id^80|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^poster_5_up|description^null » banner_style= »style11″ banner_bg_color= »#de5034″ banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][interactive_banner banner_title= »Interactive banner title » banner_title_location= »left » banner_desc= »A short description of this banner. A short description of this banner. A short description of this banner. » icon_disp= »both » banner_icon= »Defaults-github-alt » banner_image= »id^68|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/cap-2.jpg|caption^null|alt^null|title^poster_1_up|description^null » banner_style= »style21″ banner_bg_color= »#de5034″ banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][interactive_banner banner_title= »Interactive banner title » banner_title_location= »left » banner_desc= »A short description of this banner. A short description of this banner. A short description of this banner. » icon_disp= »both » banner_icon= »Defaults-github-alt » banner_image= »id^48|url^http://wp.kodesolution.work/personal/j/charitab/demo/wp-content/uploads/sites/7/2013/06/hoodie_2_front.jpg|caption^null|alt^null|title^hoodie_2_front|description^null » banner_style= »style32″ banner_bg_color= »#de5034″ banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][/vc_column_inner][vc_column_inner width= »1/3″][interactive_banner banner_title= »Interactive banner title » banner_title_location= »left » banner_desc= »A short description of this banner. A short description of this banner. A short description of this banner. » icon_disp= »both » banner_icon= »Defaults-github-alt » banner_image= »id^48|url^http://wp.kodesolution.work/personal/j/charitab/demo/wp-content/uploads/sites/7/2013/06/hoodie_2_front.jpg|caption^null|alt^null|title^hoodie_2_front|description^null » banner_style= »style03″ banner_bg_color= »#de5034″ banner_overlay_bg_color= »rgba(36,36,36,0.38) » banner_opacity= »opaque »][interactive_banner banner_title= »Interactive banner title » banner_title_location= »left » banner_desc= »A short description of this banner. A short description of this banner. A short description of this banner. » icon_disp= »both » banner_icon= »Defaults-github-alt » banner_image= »id^68|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/vnech-tee-blue-1.jpg|caption^null|alt^null|title^poster_1_up|description^null » banner_style= »style12″ banner_bg_color= »#de5034″ banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »opaque »][interactive_banner banner_title= »Interactive banner title » banner_title_location= »left » banner_desc= »A short description of this banner. A short description of this banner. A short description of this banner. » icon_disp= »both » banner_icon= »Defaults-github-alt » banner_image= »id^89|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-with-logo-2.jpg|caption^null|alt^null|title^cd_2_flat|description^null » banner_style= »style22″ banner_bg_color= »#de5034″ banner_overlay_bg_color= »rgba(36,36,36,0.39) » banner_opacity= »opaque »][interactive_banner banner_title= »Interactive banner title » banner_title_location= »left » banner_desc= »A short description of this banner. A short description of this banner. A short description of this banner. » icon_disp= »both » banner_icon= »Defaults-github-alt » banner_image= »id^80|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^poster_5_up|description^null » banner_style= »style33″ banner_bg_color= »#de5034″ banner_overlay_bg_color= »rgba(36,36,36,0.38) » banner_opacity= »opaque »][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row bg_type= »theme_default » padding= »30px 0px »][vc_column][vc_text_separator title= »Custom Height »][vc_column_text]

Control the size of the banner with easy settings.

[/vc_column_text][vc_row_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »Landscape First » banner_desc= »Freta orbem mundo fluminaque iners cingebant pace mentisque. Speciem surgere. » banner_image= »id^95|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/beanie-with-logo-1.jpg|caption^null|alt^null|title^cd_4_angle|description^null » link_opts= »box » banner_link= »url:%23|| » banner_bg_color= »#2d2d2d » banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »solid »][/vc_column_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »Landscape Second » banner_desc= »Freta orbem mundo fluminaque iners cingebant pace mentisque. Speciem surgere. » banner_image= »id^80|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/hoodie-green-1.jpg|caption^null|alt^null|title^poster_5_up|description^null » link_opts= »box » banner_link= »url:%23|| » banner_bg_color= »#2d2d2d » banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »solid »][/vc_column_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »Landscape Fourth » banner_desc= »Freta orbem mundo fluminaque iners cingebant pace mentisque. » banner_image= »id^43|url^https://dev.kodesolution.work/retail/martialz/demo/wp-content/uploads/sites/2/2013/06/hoodie_7_front.jpg|caption^null|alt^null|title^hoodie_7_front|description^null » link_opts= »box » banner_link= »url:%23|| » banner_bg_color= »#2d2d2d » banner_overlay_bg_color= »rgba(36,36,36,0.39) » banner_opacity= »solid »][/vc_column_inner][vc_column_inner width= »1/4″][interactive_banner banner_title= »Landscape Third » banner_desc= »Freta orbem mundo fluminaque iners cingebant pace mentisque. Speciem surgere. » banner_image= »id^94|url^https://wp.kodesolution.live/import/ismail-shortcodes/wp-content/uploads/sites/5/2019/01/belt-2.jpg|caption^null|alt^null|title^cd_4_flat|description^null » link_opts= »box » banner_link= »url:%23|| » banner_bg_color= »#2d2d2d » banner_overlay_bg_color= »rgba(36,36,36,0.4) » banner_opacity= »solid »][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]