Buttons

Chose between button with standard hover, slide down hover or transparent hover. Change button color, button hover color, text color, text hover color, border color, border size, background color transparency and background color hover transparency. Chose a button with or without icon. Available button sizes: small, medium, large and xlarge.

Button standard

Button slidedown

Button slidedown + icon

Button transparent

Button transparent + icon

Custom button

Popup text button with overlay

button text

GRAB THE CODE VIA: ADD SHORTCODES

Or, copy and paste this code into your own page, post or HTML section.

[tds-button small link="#" newwindow="false"]button text[/tds-button] 

[tds-buttonslidedown link="#" color="#EDEDED" textcolor="#7D7B6D" colorhover="#000000" textcolorhover="#FFFFFF"
bordercolor="#f9f9f9" small newwindow="false"]button text[/tds-buttonslidedown]

[tds-buttontransparent small link="#" textcolor="#ffffff" textcolorhover="#000000" buttoncolor="#000000"
buttoncolorhover="#ff0000" bordercolor="#888888" bordersize="4px" bgcolortransparency="30" bgcolorhovertransparency="80"
newwindow="true" ]button text[/tds-buttontransparent]

[tds-custombutton link="#" buttoncolor="#fff" bgcolortransparency="100" buttoncolorhover="#000"
bgcolorhovertransparency="100" bordercolor="#000" bordersize="1px" border_radius="21px" textcolor="#000"
textcolorhover="#fff" font_size="12px" line_height="16px" letter_spacing="2px"  icon="fa fa-long-arrow-right"
padding="15px 30px 15px 30px" newwindow="false"]READ MORE[/tds-custombutton]

[tdf-popup text="button text" bgcolor="#000000" textcolor="#ffffff" bgoverlay="rgba(0,0,0,0.95)" textoverlay="#ffffff"]
Your Content Here
[/tdf-popup]