lundi, juillet 23, 2018
[stack_hero image= »38″]

Colors

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_1498220798445{padding-top: 0px !important;} » ebor_docs= » »]
[stack_boxed_content padding= »boxed–lg » background= »bg–secondary »]

Theme Colors

Stack supports 3 theme colours in each preset scheme. Colors are referred to as ‘primary’, ‘primary-1’ and ‘primary-2’. These colors can be used with the prefix bg– followed by the name of the color to change the background color of an element.

[/stack_boxed_content]
[stack_boxed_content background= »bg–primary »]

Primary

[/stack_boxed_content][stack_boxed_content background= »bg–primary-1″]

Primary 1

[/stack_boxed_content][stack_boxed_content background= »bg–primary-2″]

Primary 2

[/stack_boxed_content][stack_boxed_content background= »bg–dark »]

Dark

[/stack_boxed_content][stack_boxed_content background= »bg–secondary »]

Secondary

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

Typography Classes

Using the prefix color– along with the name of the color (as described above) you can easily change the color of typography elements such as headings or paragrphs.

[/stack_boxed_content]

I’m a primary colored heading

I’m a primary 1 colored heading

I’m a primary 2 colored heading

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

Button Classes

Using the prefix btn– along with the name of the color (as described above) you can easily change the color of button elements.

Note: for more on buttons visit the buttons element page here.

[/stack_boxed_content]
[/vc_section]