lundi, décembre 10, 2018
[stack_hero image= »38″]

Buttons

These modular elements can be readily used and customized across pages and in different blocks.


Explore all of Stack’s modular elements
at the Element Index Page →

[/stack_hero]
[vc_section css= ».vc_custom_1498220790181{padding-top: 0px !important;} »]
[stack_boxed_content padding= »boxed–lg » background= »bg–secondary »]

Standard Buttons

The default button style for Stack using the .btn class. Customize the size of the buttons using .btn–lg and .btn–sm.

[/stack_boxed_content]
[/vc_section][vc_section]
[stack_boxed_content padding= »boxed–lg » background= »bg–secondary »]

Coloured Buttons

Use the classes .btn–primary, .btn–primary-1 and .btn–primary-2 to colour the buttons using the theme’s colour schemes.

[/stack_boxed_content]
[/vc_section][vc_section]
[stack_boxed_content padding= »boxed–lg » background= »bg–secondary »]

Icon Buttons

Use the class .btn–icon on the button and place an i icon element inside the .btn__text element.

[/stack_boxed_content]
[/vc_section][vc_section]
[stack_boxed_content padding= »boxed–lg » background= »bg–secondary »]

Social Buttons

Use the classes .bg–facebook, .bg–twitter etc. to colour buttons with their corresponding brand colours.

[/stack_boxed_content]
[/vc_section]