Buttons

Unlimited Color

Actually we are published in this shortcode items unlimited color option, you can use this shortcode, change your like color

get the codes
 [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Color Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#de6b25" icon="" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Color Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#2b82a3" icon="" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Color Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#f45555" icon="" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Color Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#e93ecf" icon="" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Color Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#bab229" icon="" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Color Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#9d6bd2" icon="" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Color Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#000000" icon="" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Color Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#616161" icon="" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Color Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#279769" icon="" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Color Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#000000" background="#ffffff" icon="" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Color Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#505bc3" icon="" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Color Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#8d8611" icon="" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Color Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#6121b9" icon="" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Color Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#ff2d2d" icon="" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Color Example [/yt_buttons] 
Description Button

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis leo at mauris faucibus suscipit. Vestibulum aliquet justo rutrum magna tincidunt fringilla.

 

get the codes
 [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="your sub title" radius="5px" size="lg" full="no" center="yes" ]Button [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: institution" icon_right="" subtitle="your sub title" radius="5px" size="lg" full="no" center="yes" ]Button + Icon [/yt_buttons] [yt_buttons type="none" style="border" link="#" target="_self" color="#4e9e41" background="#4e9e41" icon="icon: bank" icon_right="" subtitle="your sub title" radius="5px" size="lg" full="no" center="yes" ]Icon + Border [/yt_buttons] [yt_buttons type="none" style="glass" link="#" target="_self" color="#ffffff" background="#4e9e41" icon="icon: institution" icon_right="" subtitle="your sub title" radius="5px" size="lg" full="no" center="no" ]Glass Button [/yt_buttons] 
Icon + Button

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis leo at mauris faucibus suscipit. Vestibulum aliquet justo rutrum magna tincidunt fringilla.

 

get the codes
 [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: calendar" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ] Icon Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: gift" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ] Icon Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: asterisk" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ] Icon Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: gears" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ] Icon Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: bookmark-o" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ] Icon Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: bars" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ] Icon Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: truck" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ] Icon Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: github-alt" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ] Icon Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: line-chart" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ] Icon Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: calendar-o" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ] Icon Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: external-link" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Icon Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: check" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Icon Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: trello" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Icon Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: graduation-cap" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Icon Example [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: whatsapp" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="no" ]Icon Example [/yt_buttons] 
Button Size

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis leo at mauris faucibus suscipit. Vestibulum aliquet justo rutrum magna tincidunt fringilla.

 

get the codes
 [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="3px" size="xs" full="no" center="yes" ]Mini Button [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="3px" size="sm" full="no" center="yes" ]Small Button [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="3px" size="default" full="no" center="yes" ]Default Button [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="3px" size="lg" full="no" center="yes" ]Lager Button [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="3px" size="huge" full="no" center="yes" ]Huge Button [/yt_buttons] 
Loading Icons Button ( Font Awesome )

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis leo at mauris faucibus suscipit. Vestibulum aliquet justo rutrum magna tincidunt fringilla.

 

get the codes
 [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: spinner" icon_right="" subtitle="" radius="3px" animated_icon="yes" size="sm" full="no" center="yes" ]Animated Button 1 [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: rotate-right" icon_right="" subtitle="" radius="3px" animated_icon="yes" size="sm" full="no" center="no" ]Animated Button 2 [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: refresh" icon_right="" subtitle="" radius="3px" animated_icon="yes" size="sm" full="no" center="yes" ]Animated Button 3 [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="icon: gear" icon_right="" subtitle="" radius="3px" animated_icon="yes" size="sm" full="no" center="yes" ] Animated Button 4 [/yt_buttons] 
Button Radius

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis leo at mauris faucibus suscipit. Vestibulum aliquet justo rutrum magna tincidunt fringilla.

 

Get the codes
 [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="0px" size="lg" full="no" center="yes" ]0px Radius [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="3px" size="lg" full="no" center="yes" ]3px Radius [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="5px" size="lg" full="no" center="yes" ]5px Radius [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="10px" size="lg" full="no" center="yes" ]10px Radius [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="15px" size="lg" full="no" center="yes" ]15px Radius [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="20px" size="lg" full="no" center="yes" ]20px Radius [/yt_buttons] [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="25px" size="lg" full="no" center="yes" ]25px Radius [/yt_buttons] 
Transparents Buttons

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis leo at mauris faucibus suscipit. Vestibulum aliquet justo rutrum magna tincidunt fringilla.

 

Get the codes
 [yt_buttons type="none" style="transparent" link="#" target="_self" color="#FFFFFF" background="#fff" icon="" icon_right="" subtitle="" radius="0px" size="lg" full="no" center="yes" ]Default Button [/yt_buttons] [yt_buttons type="none" style="transparent" link="#" target="_self" color="#FFFFFF" background="#fff" icon="icon: envelope-o" icon_right="" subtitle="" radius="0px" size="lg" full="no" center="yes" ]Button with Icon [/yt_buttons] [yt_buttons type="none" style="transparent" link="#" target="_self" color="#FFFFFF" background="#fff" icon="" icon_right="" subtitle="" radius="25px" size="lg" full="no" center="yes" ]Radius Button (25px) [/yt_buttons] 
More Style Button

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis leo at mauris faucibus suscipit. Vestibulum aliquet justo rutrum magna tincidunt fringilla.

 

get the codes
 [yt_buttons type="none" style="default" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="3px" animated_icon="no" size="lg" full="no" center="yes" ]Default Button [/yt_buttons] [yt_buttons type="none" style="glass" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="3px" animated_icon="no" size="lg" full="no" center="yes" ]Glass Button [/yt_buttons] [yt_buttons type="none" style="stroked" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="3px" animated_icon="no" size="lg" full="no" center="yes" ]Strocked Button [/yt_buttons] [yt_buttons type="none" style="border" link="#" target="_self" color="#4e9e41" background="#4e9e41" icon="" icon_right="" subtitle="" radius="3px" animated_icon="no" size="lg" full="no" center="yes" ]Border Button [/yt_buttons] [yt_buttons type="none" style="bottom_line" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="3px" animated_icon="no" size="lg" full="no" center="yes" box_shadow_color="#337e27" ]Bottom line Button [/yt_buttons] [yt_buttons type="none" style="gradient" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="3px" animated_icon="no" size="lg" full="no" center="yes" ]Gradient Button [/yt_buttons] [yt_buttons type="none" style="3d" link="#" target="_self" color="#FFFFFF" background="#60b352" icon="" icon_right="" subtitle="" radius="3px" animated_icon="no" size="lg" full="no" center="yes" ]3D Button [/yt_buttons] [yt_buttons type="none" style="dropshadow" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="3px" animated_icon="no" size="lg" full="no" center="yes" ]Drop Shadow [/yt_buttons] [yt_buttons type="none" style="insetshadow" link="#" target="_self" color="#FFFFFF" background="#4e9e41" icon="" icon_right="" subtitle="" radius="3px" animated_icon="no" size="lg" full="no" center="yes" ]Inner Button [/yt_buttons] [yt_buttons type="none" style="dot" link="#" target="_self" color="#4e9e41" background="#4e9e41" icon="" icon_right="" subtitle="" radius="3px" animated_icon="no" size="lg" full="no" center="yes" ]Dot Button [/yt_buttons] 
Top