Shortcode
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 |
[section label="Full Pull [CSS]" class="full-pull" padding="0px"] [ux_slider label="Slider" type="fade" nav_style="simple" bullets="false" timer="4000" pause_hover="false"] [ux_banner height="100%" bg="https://www.flat.sebdelaweb.com/wp-content/uploads/2018/11/slider-sample-sneaker-2-ux-builder-elements-flatelements.jpg" bg_color="rgb(255,255,255)" bg_overlay="rgba(0, 0, 0, 0.3)" bg_pos="66% 62%"] [text_box width="0" scale="0" position_x="50" position_y="50"] [gap height="0px"] [/text_box] [/ux_banner] [ux_banner height="100%" bg="https://www.flat.sebdelaweb.com/wp-content/uploads/2018/11/slider-sample-sneaker-4-ux-builder-elements-flatelements.jpg" bg_color="rgb(255,255,255)" bg_overlay="rgba(0, 0, 0, 0.3)" bg_pos="84% 43%"] [text_box width="0" scale="0" position_x="50" position_y="50"] [gap height="0px"] [/text_box] [/ux_banner] [ux_banner height="100%" bg="https://www.flat.sebdelaweb.com/wp-content/uploads/2018/11/slider-sample-sneaker-1-ux-builder-elements-flatelements.jpg" bg_color="rgb(255,255,255)" bg_overlay="rgba(0, 0, 0, 0.3)" bg_pos="54% 82%"] [text_box width="0" scale="0" position_x="50" position_y="50"] [gap height="0px"] [/text_box] [/ux_banner] [ux_banner height="100%" bg="https://www.flat.sebdelaweb.com/wp-content/uploads/2018/11/slider-sample-sneaker-3-ux-builder-elements-flatelements.jpg" bg_color="rgb(255,255,255)" bg_overlay="rgba(0, 0, 0, 0.25)" bg_pos="76% 100%"] [text_box width="0" scale="0" position_x="50" position_y="50"] [gap height="0px"] [/text_box] [/ux_banner] [/ux_slider] [row label="Content [CSS>Column]" style="collapse" h_align="center"] [col span="7" span__sm="9" span__md="7" align="center" color="light" class="full-pull-content"] [row_inner style="collapse" h_align="center"] [col_inner span="4" span__sm="11" span__md="7" animate="bounceIn"] [ux_image id="https://www.flat.sebdelaweb.com/wp-content/uploads/2018/11/logo-sample-sneaker-ux-builder-elements-flatelements.svg"] [gap] [/col_inner] [/row_inner] <h3>Exclusive Sneakers, Streetwear en Contemporary Fashion</h3> [/col] [/row] [/section] [section label="Sticky Footer [CSS]" class="full-pull-sticky-footer" bg_color="rgba(255, 255, 255, 0)" dark="true" padding="0px"] [row style="collapse" width="full-width" h_align="center"] [col span__sm="6" align="center" color="light"] [follow style="small" align="center" facebook="#" instagram="#" pinterest="#"] [/col] [/row] [gap height="25px"] [/section] |
CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
/* CSS: Coming Soon Page // Full Pull */ .full-pull .flickity-slider>div:not(.col) { transition: transform 3s,opacity 3s,box-shadow 3s; } .full-pull-content { position:absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; z-index:999; height:50%; } .full-pull-sticky-footer { position: fixed; left: 0; bottom: 0; z-index: 9999; } .full-pull-sticky-footer .social-icons a { background:#fff; /* Change icon bg color */ color: #000; /* Change icon txt color */ margin: 5px; padding: 10px 10px 7px 10px; border-radius: 99px; } |