October 1, 2014

Buttons

[block_title style=”column_title” inner_style=”simple” padding_desc=”28%” title=”Default Buttons”]

[shortcode_button type=”default” align=”left” target=”_self” link=”#” icon=”moon-home”]Button[/shortcode_button]
[shortcode_button type=”default” align=”left” target=”_self” link=”#” icon=”moon-connection”]Default Button[/shortcode_button]
[shortcode_button type=”default” align=”left” target=”_self” link=”#” bg_color_hover=”rgba(68,68,68, 0.20)” bordercolor=”rgba(68,68,68, 0.20)” icon=”moon-home”]Default Button[/shortcode_button]

[block_title style=”column_title” inner_style=”simple” padding_desc=”28%” title=”Business Buttons”]

[shortcode_button type=”business” align=”left” target=”_self” link=”#” color=”#10b8c7″ bg_color_hover=”#ddd” icon=”moon-home” font_color=”#fff” font_color_hover=”#000″]BUSINESS DEFAULT[/shortcode_button]

 

[shortcode_button type=”business” align=”left” target=”_self” link=”#” color=”#10b8c7″ bg_color_hover=”#ddd” icon=”moon-home” font_color=”#fff” font_color_hover=”#000″]BUSINESS BUTTON MEDIUM[/shortcode_button]

 

[shortcode_button type=”business” align=”left” target=”_self” link=”#” color=”#10b8c7″ bg_color_hover=”#ddd” icon=”moon-home” font_color=”#fff” font_color_hover=”#000″]BUSINESS BUTTON LARGER  1[/shortcode_button]

[block_title style=”column_title” inner_style=”simple” padding_desc=”28%” title=”ROUNDED BUTTON”]

[shortcode_button type=”rounded” align=”left” target=”_self” link=”#” color=”#10b8c7″ bg_color_hover=”#000″ icon=”none” font_color=”#fff”]ROUNDED BUTTON[/shortcode_button]
[shortcode_button type=”rounded” align=”left” target=”_self” link=”#” color=”#10b8c7″ bg_color_hover=”#ddd” icon=”none” font_color=”#fff” font_color_hover=”#000″]ROUNDED BUTTON MEDIUM[/shortcode_button]
[shortcode_button type=”rounded” align=”left” target=”_self” link=”#” color=”#10b8c7″ bg_color_hover=”#222″ icon=”none” font_color=”#fff” font_color_hover=”#fff”]ROUNDED BUTTON LARGER 2[/shortcode_button]

[block_title style=”column_title” inner_style=”simple” padding_desc=”28%” title=”Big Button Shadow”]

[shortcode_button type=”big” align=”left” target=”_self” link=”#” color=”red” bg_color_hover=”#10b8c7″ icon=”none” font_color=”#fff” font_color_hover=”#f7f7f7″]BIG BUTTON SHADOW[/shortcode_button]

 

[shortcode_button type=”big” align=”left” target=”_self” link=”#” color=”red” bg_color_hover=”#10b8c7″ icon=”none” font_color=”#fff” font_color_hover=”#f7f7f7″]BIG MED BUTTON SHADOW[/shortcode_button]

 

[shortcode_button type=”big” align=”left” target=”_self” link=”#” color=”red” bg_color_hover=”#10b8c7″ icon=”none” font_color=”#fff” font_color_hover=”#f7f7f7″]BIG LARGE BUTTON SHADOW[/shortcode_button]

[block_title style=”column_title” inner_style=”simple” padding_desc=”28%” title=”Button With ICON”]

[shortcode_button type=”with_icon” align=”left” target=”_self” link=”#” color=”#10b8c7″ bg_color_hover=”#ddd” icon=”moon-home” icon_color=”#fff” font_color=”#fff” font_color_hover=”#444″ icon_color_hover=”#444″]BUTTON DEFAULT[/shortcode_button]
[shortcode_button type=”with_icon” align=”left” target=”_self” link=”#” color=”#10b8c7″ bg_color_hover=”#ddd” icon=”moon-pencil” icon_color=”#fff” font_color=”#fff” font_color_hover=”#444″ icon_color_hover=”#444″]BUTTON MEDIUM BIG[/shortcode_button]
[shortcode_button type=”with_icon” align=”left” target=”_self” link=”#” color=”#10b8c7″ bg_color_hover=”#ddd” icon=”moon-facebook” icon_color=”#fff” font_color=”#fff” font_color_hover=”#444″ icon_color_hover=”#444″]BUTTON MEDIUM BIGGER[/shortcode_button]

[block_title style=”column_title” inner_style=”simple” padding_desc=”28%” title=”BUTTON WITH GRADIENT”]

[shortcode_button type=”gradient” align=”left” target=”_self” icon=”none” color=”#10b8c7″ font_color=”#fff” bordercolor=”#10b8c7″]GRADIENT BUTTON NORMAL[/shortcode_button]

 

[shortcode_button type=”gradient” align=”left” target=”_self” icon=”none” color=”#10b8c7″ font_color=”#fff” bordercolor=”#10b8c7″]GRADIENT BUTTON NORMAL MED[/shortcode_button]

 

[shortcode_button type=”gradient” align=”left” target=”_self” icon=”none” color=”#10b8c7″ font_color=”#fff” bordercolor=”#10b8c7″]GRADIENT BUTTON NORMAL MED BIGGER[/shortcode_button]

[block_title style=”column_title” inner_style=”simple” padding_desc=”28%” title=”Shortcode Button Features”][list icon=”icon-check”][list_item style=”titledesc” title=”Button Title” desc=”Set button title”][list_item style=”titledesc” title=” Button Type” desc=”Select the type of the button you will use.(The style values can be changed in Theme Option), 7 Different Styles and Unlimited Conbinations.”][list_item style=”titledesc” title=” Set the button text align” desc=”Set align for the button.”][list_item style=”titledesc” title=”Do you want target attributes?” desc=”All possible target styles. Open in a New Page, in a new window and in the same page”][list_item style=”titledesc” title=”Background Color” desc=”Set the background color you want.”][list_item style=”titledesc” title=”Background Color on Hover” desc=”Set the background color on hover as you want “][list_item style=”titledesc” title=”Set Font and Border Color ” desc=”Set border and font color on hover and in normal mode.”][list_item style=”titledesc” title=”Icon Color” desc=”Set the icon color in normal and hover attribute.”][/list]
[block_title style=”column_title” inner_style=”simple” padding_desc=”28%” title=”Unique and infinite ways to style buttons”]

Specular theme offer different ways to style buttons. You can choose our predefined 7 styles and customize in unlimited ways.

You can set the button color, font color and border color.

Choose one icon and change icon color also on hover mode.

Everything it customizable you will be impressed by the flexibility this theme offer for every need.

Keep in mind that you can extend the customization by using the Theme Options too.

Leave a Reply

Your email address will not be published. Required fields are marked *