Shortcode – UX Banner grid
Contents
- 1 HOT Summer Singlet
- 2 SALE STARTS TODAY
- 3 NEW JEANS IN STOCK
- 4 SHOP MEN SALE
- 5 HUGE SALE
- 6 UP TO 70% OFF
- 7 THIS IS AN AWESOME VIDEO BANNER
- 8 THIS TEXT IS
- 9 HOT Summer Singlet
- 10 NEW JEANS IN STOCK
- 11 SHOP MEN SALE
- 12 HUGE SALE
- 13 UP TO 70% OFF
- 14 THIS IS AN AWESOME VIDEO BANNER
- 15 THIS TEXT IS
- 16 HOT Summer Singlet
- 17 SPRING IS SOON HERE
- 18 NEW JEANS IN STOCK
- 19 SHOP MEN SALE
Banner Grid
[ux_banner_grid] [col span="6"] [ux_banner height="600px" bg=""] [/ux_banner] [/col] [col span="3" ] [ux_banner height="600px" bg=""] [/ux_banner] [/col] [col span="3" ] [ux_banner height="292px" bg=""] [/ux_banner] [/col] [col span="3"] [ux_banner height="292px" bg=""] [/ux_banner] [/col] [/ux_banner_grid]
3-column Banner Row
[row] [col span=1/3] [ux_banner link="http://localhost:8888/test/blog/" bg="http://imageurl" hover="zoom" height="160px"] <h2 class="uppercase">Weekly Giveaway</h2> ___ [/ux_banner] [/col] [col span=1/3] [ux_banner link="http://localhost:8888/test/blog/" bg="http://imageurl" hover="zoom" height="160px"] <h2 class="uppercase">Join our competition</h2> ___ [/ux_banner] [/col] [col span=1/3] [ux_banner link="http://localhost:8888/test/pages/about-us/" bg="http://imageurl" hover="zoom" height="160px"] <h2 class="uppercase">ABOUT US </h2> ___ [/ux_banner] [/col] [/row]
Banner Grid Style with slider
[ux_banner_grid] [col span="9"] [ux_slider] [ux_banner bg="imageurl" height="600px" link="" animation="flipInX" text_align="center" text_pos="center" text_color="light" text_width="80%" ] Slide content [/ux_banner] [ux_banner bg="imageurl" height="600px" link="" animation="flipInX" text_align="center" text_pos="center" text_color="light" text_width="80%" ] Slide content [/ux_banner] [/ux_slider] [/col] [col span="3" ] [ux_banner height="292px" link="#" bg="http://imageurl" hover="fade"] <h1 class="animated fadeInLeft uppercase">NEW JEANS IN STOCK</h1> ____ [/ux_banner] [/col] [col span="3"] [ux_banner height="292px" link="#" bg="http://imageurl" hover="fade"] <h1 class="animated fadeInLeft uppercase">SHOP MEN SALE</h1> ____ [/ux_banner] [/col] [/ux_banner_grid]
Banner Grid Style with slider
[ux_banner_grid] [col span="6"] [ux_slider] [ux_banner bg="imageurl" height="600px" link="" animation="flipInX" text_align="center" text_pos="center" text_color="light" text_width="80%" ] Slide content [/ux_banner] [ux_banner bg="imageurl" height="600px" link="" animation="flipInX" text_align="center" text_pos="center" text_color="light" text_width="80%" ] Slide content [/ux_banner] [/ux_slider] [/col] [col span="3" ] [ux_banner height="600px" link="#" bg="http://imageurl" hover="fade"] <h1 class="animated fadeInLeft uppercase">NEW JEANS IN STOCK</h1> ____ [/ux_banner] [/col] [col span="3" ] [ux_banner height="292px" link="#" bg="http://imageurl" hover="fade"] <h1 class="animated fadeInLeft uppercase">NEW JEANS IN STOCK</h1> ____ [/ux_banner] [/col] [col span="3"] [ux_banner height="292px" link="#" bg="http://imageurl" hover="fade"] <h1 class="animated fadeInLeft uppercase">SHOP MEN SALE</h1> ____ [/ux_banner] [/col] [/ux_banner_grid]