SHORTCODE – BANNERS
EXAMPLE 1
- BANNER EXAMPLE 1 -
This is a simple banner with centered text
[banner animation="fadeIn" margin_bottom="30px" height="400px"]
<h1>- BANNER EXAMPLE 1 -</h1>
[divider]
<h3>This is a simple banner with centered text.</h3>
[/banner]
EXAMPLE 2
[banner animation="slideInRight" bground="http://" height="400px" margin_bottom="30px"]
<h3>This season, it's fall about you.</h3>
[divider color="#FFFFFF"]
<h1>COMPLETE YOUR STYLE!</h1>
[divider color="#FFFFFF" margin_bottom="20px"]
[button text="$10 & UNDER" size="large" link="#"]
[button text="$20 & UNDER" size="large" link="#"]
[/banner]
EXAMPLE 3
End Of Season
COMPLETE
YOUR STYLE!
SHOP NOW
[banner animation="http://" height="500px" margin_bottom="30px" text_position="left middle" text_align="left"]
<h3>End Of Season</h3>
[divider color="#FFFFFF" height="2px" align="left"]
<h1>COMPLETE</h1>
<h1>YOUR STYLE!</h1>
[divider color="#FFFFFF" height="2px" margin_bottom="20px" align="left"]
[button text="SHOP NOW" size="large" style="gray" link="#"]
[/banner]
EXAMPLE 4
End Of Season
COMPLETE
YOUR STYLE!
[banner animation_group="true" bground="http://" height="500px" margin_bottom="30px" text_position="left middle" text_align="left"]
[animation data_easing="slideInRight" data_start="1"]
<h3>End Of Season</h3>
[/animation]
[animation data_easing="slideInRight" data_start="4"]
[divider color="#FFFFFF" height="2px" align="left"]
[/animation]
[animation data_easing="slideInRight" data_start="7"]
<h1>COMPLETE</h1>
<h1>YOUR STYLE!</h1>
[/animation]
[animation data_easing="slideInRight" data_start="10"]
[divider color="#FFFFFF" height="2px" margin_bottom="20px" align="left"]
[/animation]
[animation data_easing="slideInRight" data_start="13"]
[button text="SHOP NOW" size="large" style="gray" link="#"]
[/animation]
[/banner]