Button on Image Banner

[GTS75]

the atelier theme demo elements page for image banners shows that you can “put anything in them” and it shows a button on one of the examples. How do I add the button element to the image banner and make the button appear centered at the bottom of the image?

[Rui Guerreiro – SUPPORT]

Hi,

Hi,

You can grab here the entire content of this page so you can see how it’s done.
http://swiftideas.com/elements/image-banners/

[spb_image_banner image="13996" image_size="full" content_pos="center" content_textalign="center" animation="none" animation_delay="200" image_link="#" link_target="_self" width="1/2" el_position="first"]

BANNER WITH LINK
Amazing banners bring
your page to life

[/spb_image_banner] [spb_image_banner image="13986" image_size="full" content_pos="center" content_textalign="center" animation="none" animation_delay="200" image_link="#" link_target="_self" width="1/2" el_position="last"]

[sf_count from="0" to="1000" speed="2000" refresh="" textstyle="h6" subject="Worth of prizes to be won." prefix="$" suffix="" commas="true" color="#ffffff"]

[/spb_image_banner] [spb_blank_spacer height="30px" width="1/1" el_position="first last"] [spb_image_banner image="14018" image_size="full" content_pos="center" content_textalign="center" animation="tada" animation_delay="200" link_target="_self" width="1/1" el_position="first last"]

atelier_lookbook_graphic

[/spb_image_banner] [spb_blank_spacer height="30px" width="1/1" el_position="first last"] [spb_image_banner image="14055" image_size="full" content_pos="center" content_textalign="center" animation="lightSpeedIn" animation_delay="200" link_target="_self" width="1/1" el_position="first last"]

Put anything you want in them!

[sf_button colour="white" type="standard" size="standard" link="#" target="_self" icon="" dropshadow="no" extraclass=""]LEARN MORE[/sf_button] [sf_button colour="transparent-light" type="standard" size="standard" link="#" target="_self" icon="" dropshadow="no" extraclass=""]BUY NOW[/sf_button]

[/spb_image_banner] [spb_blank_spacer height="30px" width="1/1" el_position="first last"] [spb_image_banner image="14321" image_size="full" content_pos="left" content_textalign="left" animation="fadeInLeft" animation_delay="200" image_link="#" link_target="_self" width="1/2" el_position="first"]

Left Aligned Content
with animation.

[/spb_image_banner] [spb_image_banner image="14322" image_size="full" content_pos="right" content_textalign="right" animation="fadeInRight" animation_delay="200" image_link="#" link_target="_self" width="1/2" el_position="last"]

Right Aligned Content
with animation.

[/spb_image_banner]

-Rui

[GTS75]

thanks

[Rui Guerreiro – SUPPORT]

No problem. Glad I could help.

-Rui