Minimal Buttons
The actual colors of the minimal buttons can be set under Theme Options -> Buttons. Each Minimal Button can have an icon assigned.
[vc_button style="minimal" title="Minimal Button" icon="fa-recycle" target="_self" color="turquoise" button_inverse="false" size="small" align="center" href="#"][vc_button style="minimal" title="Minimal Button" icon="fa-cloud-download" target="_self" color="light" button_inverse="false" size="small" align="center" href="#"]
[vc_button style="minimal" title="Minimal Button" icon="fa-flag" target="_self" color="dark_red" button_inverse="false" size="small" align="center" href="#"][vc_button style="minimal" title="Minimal Button" icon="fa-flask" target="_self" color="emerald" button_inverse="false" size="small" align="center" href="#"][vc_button style="minimal" title="Minimal Button" icon="fa-users" target="_self" color="dark" button_inverse="false" size="small" align="center" href="#"]
[vc_button style="minimal" title="Minimal Button" icon="fa-signal" target="_self" color="blue" button_inverse="false" size="small" align="center" href="#"][vc_button style="minimal" title="Minimal Button" icon="fa-trophy" target="_self" color="amethyst" button_inverse="false" size="small" align="center" href="#"]
[vc_button style="minimal" title="Minimal Button" icon="fa-home" target="_self" color="orange" button_inverse="false" size="small" align="center" href="#"][vc_button style="minimal" title="Minimal Button" icon="fa-desktop" target="_self" color="wet_asphalt" button_inverse="false" size="small" align="center" href="#"]
3D Buttons
The actual colors of the minimal buttons can be set under Theme Options -> Buttons. Each 3D Button can have an icon assigned.
[vc_button style="3d" title="3D Button" icon="fa-star" target="_self" color="red" button_inverse="false" size="small" align="center" href="#"][vc_button style="3d" title="3D Button" icon="fa-recycle" target="_self" color="turquoise" button_inverse="false" size="small" align="center" href="#"][vc_button style="3d" title="3D Button" icon="fa-cloud-download" target="_self" color="light" button_inverse="false" size="small" align="center" href="#"]
[vc_button style="3d" title="3D Button" icon="fa-flag" target="_self" color="dark_red" button_inverse="false" size="small" align="center" href="#"][vc_button style="3d" title="3D Button" icon="fa-flask" target="_self" color="emerald" button_inverse="false" size="small" align="center" href="#"][vc_button style="3d" title="3D Button" icon="fa-users" target="_self" color="dark" button_inverse="false" size="small" align="center" href="#"]
[vc_button style="3d" title="3D Button" icon="fa-signal" target="_self" color="blue" button_inverse="false" size="small" align="center" href="#"][vc_button style="3d" title="3D Button" icon="fa-trophy" target="_self" color="amethyst" button_inverse="false" size="small" align="center" href="#"]
[vc_button style="3d" title="3D Button" icon="fa-home" target="_self" color="orange" button_inverse="false" size="small" align="center" href="#"][vc_button style="3d" title="3D Button" icon="fa-desktop" target="_self" color="wet_asphalt" button_inverse="false" size="small" align="center" href="#"]
Transparent Light
The Transparent Light button don’t have any fill color, just a border and the actual text.
[vc_button style="minimal" title="The Transparent Light Button 1" icon="fa-sun-o" target="_self" color="transparent_light" button_inverse="false" size="small" align="center" href="#"]
[vc_button style="minimal" title="The Transparent Light Button 2" icon="fa-moon-o" target="_self" color="transparent_light" button_inverse="false" size="small" align="center" href="#"]
Transparent Dark
The Transparent Dark button don’t have any fill color, just a border and the actual text.
[vc_button style="minimal" title="The Transparent Dark Button 1" icon="fa-sun-o" target="_self" color="transparent_dark" button_inverse="false" size="small" align="center" href="#"]
[vc_button style="minimal" title="The Transparent Dark Button 2" icon="fa-moon-o" target="_self" color="transparent_dark" button_inverse="false" size="small" align="center" href="#"]
Larger Buttons
Each button that you create can have a size. Choose between Large and Small size for the buttons you create.
[vc_button style="3d" title="3D Large" icon="fa-star" target="_self" color="red" button_inverse="false" size="large" align="center" href="#"]
[vc_button style="minimal" title="Minimal Large" icon="fa-recycle" target="_self" color="turquoise" button_inverse="false" size="large" align="center" href="#"]
[vc_button style="3d" title="3D Large" icon="fa-flag" target="_self" color="dark_red" button_inverse="false" size="large" align="center" href="#"]
[vc_button style="minimal" title="Minimal Large" icon="fa-flask" target="_self" color="emerald" button_inverse="false" size="large" align="center" href="#"]
[vc_button style="3d" title="3D Large" icon="fa-signal" target="_self" color="blue" button_inverse="false" size="large" align="center" href="#"]
[vc_button style="minimal" title="Minimal Large" icon="fa-trophy" target="_self" color="amethyst" button_inverse="false" size="large" align="center" href="#"]
[vc_button style="3d" title="3D Large" icon="fa-home" target="_self" color="orange" button_inverse="false" size="large" align="center" href="#"]
[vc_button style="minimal" title="Minimal Large" icon="fa-desktop" target="_self" color="wet_asphalt" button_inverse="false" size="large" align="center" href="#"]
Inverse Colors Button
Allows you to use two buttons with complementary colors. The Hover color of one Button is the Default color of the other.
[vc_button style="minimal" title="Red Button" target="_self" color="red" button_inverse="false" size="small" align="center" href="#"][vc_button style="minimal" title="Inverse Red" target="_self" color="red" button_inverse="true" size="small" align="center" href="#"]
[vc_button style="minimal" title="Amethyst Button" target="_self" color="amethyst" button_inverse="false" size="small" align="center" href="#"][vc_button style="minimal" title="Inverse Amethyst" target="_self" color="amethyst" button_inverse="true" size="small" align="center" href="#"]
[vc_button style="minimal" title="Turquise Button" target="_self" color="turquoise" button_inverse="false" size="small" align="center" href="#"][vc_button style="minimal" title="Inverse Turquise" target="_self" color="turquoise" button_inverse="true" size="small" align="center" href="#"]
[vc_button style="minimal" title="Orange Button" target="_self" color="orange" button_inverse="false" size="small" align="center" href="#"][vc_button style="minimal" title="Inverse Orange" target="_self" color="orange" button_inverse="true" size="small" align="center" href="#"]
[vc_button style="minimal" title="Blue Button" target="_self" color="blue" button_inverse="false" size="small" align="center" href="#"][vc_button style="minimal" title="Inverse Blue" target="_self" color="blue" button_inverse="true" size="small" align="center" href="#"]
[vc_button style="minimal" title="Wet Asphalt Button" target="_self" color="wet_asphalt" button_inverse="false" size="small" align="center" href="#"][vc_button style="minimal" title="Inverse Wet Asphalt" target="_self" color="wet_asphalt" button_inverse="true" size="small" align="center" href="#"]
[vc_button style="minimal" title="Emerald Button" target="_self" color="emerald" button_inverse="false" size="small" align="center" href="#"][vc_button style="minimal" title="Inverse Emerald" target="_self" color="emerald" button_inverse="true" size="small" align="center" href="#"]
Positioning Buttons
Each button that you create can have a specific placement. Choose between: left, center or right positioning.
[vc_button style="minimal" title="Minimal Button" icon="fa-star" target="_self" color="red" button_inverse="false" size="small" align="right" href="#"][vc_button style="minimal" title="Minimal Button" icon="fa-recycle" target="_self" color="turquoise" button_inverse="false" size="small" align="right" href="#"][vc_button style="minimal" title="Minimal Button" icon="fa-desktop" target="_self" color="wet_asphalt" button_inverse="false" size="small" align="right" href="#"]
[vc_button style="minimal" title="Minimal Button" icon="fa-flag" target="_self" color="dark_red" button_inverse="false" size="small" align="center" href="#"][vc_button style="minimal" title="Minimal Button" icon="fa-flask" target="_self" color="emerald" button_inverse="false" size="small" align="center" href="#"][vc_button style="minimal" title="Minimal Button" icon="fa-wordpress" target="_self" color="light" button_inverse="false" size="small" align="center" href="#"]
[vc_button style="minimal" title="Minimal Button" icon="fa-signal" target="_self" color="blue" button_inverse="false" size="small" align="left" href="#"][vc_button style="minimal" title="Minimal Button" icon="fa-trophy" target="_self" color="amethyst" button_inverse="false" size="small" align="left" href="#"][vc_button style="minimal" title="Minimal Button" icon="fa-home" target="_self" color="orange" button_inverse="false" size="small" align="left" href="#"]