Buttons

The theme includes different amazing button options to style your buttons as you wish.

[tdp_button url=”https://themesdepot.org” color=”accent-color” size=”default” border_radius=”3px” target=”self” rel=”” icon_left=”” icon_right=””]Accent Color 1[/tdp_button] [tdp_button url=”https://themesdepot.org” color=”accent-color-2″ size=”default” border_radius=”3px” target=”self” rel=”” icon_left=”” icon_right=””]Accent Color 2[/tdp_button] [tdp_button url=”https://themesdepot.org” color=”blue” size=”default” border_radius=”3px” target=”self” rel=”” icon_left=”” icon_right=””]Blue[/tdp_button] [tdp_button url=”https://themesdepot.org” color=”brown” size=”default” border_radius=”3px” target=”self” rel=”” icon_left=”” icon_right=””]Brown[/tdp_button] [tdp_button url=”https://themesdepot.org” color=”grey” size=”default” border_radius=”3px” target=”self” rel=”” icon_left=”” icon_right=””]Grey[/tdp_button] [tdp_button url=”https://themesdepot.org” color=”green” size=”default” border_radius=”3px” target=”self” rel=”” icon_left=”” icon_right=””]Green[/tdp_button] [tdp_button url=”https://themesdepot.org” color=”gold” size=”default” border_radius=”3px” target=”self” rel=”” icon_left=”” icon_right=””]Gold[/tdp_button] [tdp_button url=”https://themesdepot.org” color=”orange” size=”default” border_radius=”3px” target=”self” rel=”” icon_left=”” icon_right=””]Orange[/tdp_button] [tdp_button url=”https://themesdepot.org” color=”pink” size=”default” border_radius=”3px” target=”self” rel=”” icon_left=”” icon_right=””]Pink[/tdp_button] [tdp_button url=”https://themesdepot.org” color=”red” size=”default” border_radius=”3px” target=”self” rel=”” icon_left=”” icon_right=””]Red[/tdp_button] [tdp_button url=”https://themesdepot.org” color=”teal” size=”default” border_radius=”3px” target=”self” rel=”” icon_left=”” icon_right=””]Teal[/tdp_button]

Button Sizes:

The button shortcode comes with different parameters, one of these is the ability to set the size of the button.

[tdp_button url=”https://themesdepot.org” color=”accent-color-1″ size=”small” border_radius=”3px” target=”self” rel=”” icon_left=”” icon_right=””]Small Buttons[/tdp_button] [tdp_button url=”https://themesdepot.org” color=”accent-color-1″ size=”medium” border_radius=”3px” target=”self” rel=”” icon_left=”” icon_right=””]Medium Button[/tdp_button] [tdp_button url=”https://themesdepot.org” color=”accent-color-1″ size=”large” border_radius=”3px” target=”self” rel=”” icon_left=”” icon_right=””]Large Buttons[/tdp_button]

 

Buttons with icons:

The button shortcode also comes with the ability to add an icon to your buttons. You can set the icon position at the right or left side of the button.

[tdp_button url=”https://themesdepot.org” color=”blue” size=”default” border_radius=”3px” target=”self” rel=”” icon_left=”cog” icon_right=””]Icon Left[/tdp_button] [tdp_button url=”https://themesdepot.org” color=”red” size=”default” border_radius=”3px” target=”self” rel=”” icon_left=”” icon_right=”exclamation-circle”]Icon Right[/tdp_button]