Button
[tabs]
[tab title=”Parameters” icon=”check” icon_color=”#3cabce”]
Parameters
[divider_line]
[list icon=”check” color=”blue”]
- id (id attribute) (optional)
- size: small,medium,large (optional)
- class (class attribute) (optional)
- color (optional)
- bgColor (optional)
- textColor (optional)
- align:center (optional)
- full (set full width):true,false (optional)
- link (link to follow when clicked) (optional)
[/list]
[/tab]
[tab title=”Shortcode Option Panel” icon=”check” icon_color=”#3cabce”]
Shortcode Option Panel
[divider_line]
[image source_type=”attachment_id” source_value=”3347″ caption=”Button Shortcode Options Panel” alt=”Button Shortcode Options Panel” align=”center” icon=”zoom” width=”594″ quality=”100″ autoHeight=”true” lightbox=”true” title=”Button Shortcode Options Panel”]
[/tab]
[/tabs]
Samples
Buttons With Different Size
[divider_line]
[button size=”small”]Small[/button] [button size=”medium”]Medium[/button] [button size=”large”]Large[/button]
[toggle title=”Get the code”]
[code]
[button size=”small”]Small[/button] [button size=”medium”]Medium[/button] [button size=”large”]Large[/button]
[/code]
[/toggle]
[divider_padding]
Buttons With Color Scheme
[divider_line]
[button size=”medium” color=”black”]Black[/button] [button size=”medium” color=”gray”]Gray[/button] [button size=”medium” color=”white”]White[/button] [button size=”medium” color=”blue”]Blue[/button] [button size=”medium” color=”green”]Green[/button] [button size=”medium” color=”red”]Red[/button]
[button size=”medium” color=”yellow”]Yellow[/button] [button size=”medium” color=”orange”]Orange[/button] [button size=”medium” color=”pink”]Pink[/button] [button size=”medium” color=”rosy”]Rosy[/button] [button size=”medium” color=”magenta”]Magenta[/button]
[toggle title=”Get the code”]
[code]
[button size=”medium” color=”black”]Black[/button]
[/code]
[/toggle]
[divider_padding]
Buttons With Special Color
[divider_line]
[button size=”medium” bgColor=”#769600″]#769600[/button] [button size=”medium” color=”white” textColor=”#769600″]#769600[/button]
[toggle title=”Get the code”]
[code]
[button bgColor=”#769600″]#769600[/button]
[button color=”white” textColor=”#769600″]#769600[/button]
[/code]
[/toggle]
[divider_padding]
Buttons With Roll Over Color
[divider_line]
[button size=”large” bgColor=”#004f78″ hoverBgColor=”#930097″]Roll Over Button[/button]
[toggle title=”Get the code”]
[code]
[button size=”large” bgColor=”#004f78″ hoverBgColor=”#930097″]Roll Over Button[/button]
[/code]
[/toggle]
[divider_top]