Buttons

[vc_row][vc_column width=”1/6″][/vc_column][vc_column width=”2/3″][vc_column_text css_animation=”appear” css=”.vc_custom_58629ff6316b4{margin-top: 40px !important;}”]

Default

Default colours and behaviour for buttons are decided on WordPress Customizer. But through Visual Composer you can change many things. Visual Composer and Composium (Visual Composer Extensions) already have their button shortcode, if you prefer, but Mood comes with its own button generator.

[/vc_column_text][/vc_column][vc_column width=”1/6″][/vc_column][/vc_row][vc_row][vc_column width=”1/2″ offset=”vc_col-md-3″][pix_button align=”center” radius=”0″ text_size=”10″ css_animation=”appear” single_content=”Here’s a button” single_link=”url:%23||” css=”.vc_custom_58629ff6316fa{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9f52d”][pix_button align=”center” radius=”0″ css_animation=”appear” single_content=”Here’s a button” single_link=”url:%23||” css=”.vc_custom_58629ff63173c{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9f57d”][pix_button align=”center” radius=”0″ text_size=”16″ css_animation=”appear” single_content=”Here’s a button” single_link=”url:%23||” css=”.vc_custom_58629ff631778{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9f5cc”][/vc_column][vc_column width=”1/2″ offset=”vc_col-md-3″][pix_button align=”center” radius=”3″ text_size=”10″ css_animation=”appear” single_content=”Here’s a button” single_link=”url:%23||” css=”.vc_custom_58629ff6317b8{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9f61c”][pix_button align=”center” radius=”3″ css_animation=”appear” single_content=”Here’s a button” single_link=”url:%23||” css=”.vc_custom_58629ff6317ca{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9f66e”][pix_button align=”center” radius=”3″ text_size=”16″ css_animation=”appear” single_content=”Here’s a button” single_link=”url:%23||” css=”.vc_custom_58629ff631803{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9f6ba”][/vc_column][vc_column width=”1/2″ offset=”vc_col-md-3″][pix_button align=”center” radius=”10″ text_size=”10″ css_animation=”appear” single_content=”Here’s a button” single_link=”url:%23||” css=”.vc_custom_58629ff63183d{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9f708″][pix_button align=”center” radius=”10″ css_animation=”appear” single_content=”Here’s a button” single_link=”url:%23||” css=”.vc_custom_58629ff63187b{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9f72d”][pix_button align=”center” radius=”10″ text_size=”16″ css_animation=”appear” single_content=”Here’s a button” single_link=”url:%23||” css=”.vc_custom_58629ff6318bd{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9f778″][/vc_column][vc_column width=”1/2″ offset=”vc_col-md-3″][pix_button align=”center” radius=”1000″ text_size=”10″ css_animation=”appear” single_content=”Here’s a button” single_link=”url:%23||” css=”.vc_custom_58629ff6318f7{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9f7c6″][pix_button align=”center” radius=”1000″ css_animation=”appear” single_content=”Here’s a button” single_link=”url:%23||” css=”.vc_custom_58629ff631937{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9f811″][pix_button align=”center” radius=”1000″ text_size=”16″ css_animation=”appear” single_content=”Here’s a button” single_link=”url:%23||” css=”.vc_custom_58629ff63195c{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9f85d”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content” extra_css_id=”extra-css-id-58613dcbe5b63″ css=”.vc_custom_58629ff631977{padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_column][mood_separator color=”rgba(21,21,21,0.15)”][/vc_column][/vc_row][vc_row][vc_column width=”1/6″][/vc_column][vc_column width=”2/3″][vc_column_text css_animation=”appear”]

Colours and borders

[/vc_column_text][/vc_column][vc_column width=”1/6″][/vc_column][/vc_row][vc_row][vc_column width=”1/2″ offset=”vc_col-md-3″][pix_button align=”center” radius=”0″ border_width=”0″ css_animation=”appear” single_content=”Here’s a button” single_text_color=”#333333″ single_text_color_hover=”#ffffff” single_bg_color=”transparent” single_bg_color_hover=”#333333″ single_border_color=”rgba(51,51,51,0.25)” single_border_color_hover=”#333333″ single_link=”url:%23||” css=”.vc_custom_58629ff6319b1{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9f927″][pix_button align=”center” radius=”0″ border_width=”0″ css_animation=”appear” single_content=”Here’s a button” single_text_color=”#ffffff” single_text_color_hover=”#333333″ single_bg_color=”#333333″ single_bg_color_hover=”transparent” single_border_color=”#333333″ single_border_color_hover=”rgba(51,51,51,0.25)” single_link=”url:%23||” css=”.vc_custom_58629ff6319f0{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9f980″][/vc_column][vc_column width=”1/2″ offset=”vc_col-md-3″][pix_button align=”center” radius=”3″ css_animation=”appear” single_content=”Here’s a button” single_text_color=”#fbb216″ single_text_color_hover=”#ffffff” single_bg_color=”rgba(251,178,22,0)” single_bg_color_hover=”#fbb216″ single_border_color=”rgba(251,178,22,0.25)” single_border_color_hover=”#fbb216″ single_link=”url:%23||” css=”.vc_custom_58629ff631a33{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9f9da”][pix_button align=”center” radius=”3″ css_animation=”appear” single_content=”Here’s a button” single_text_color=”#ffffff” single_text_color_hover=”#fbb216″ single_bg_color=”#fbb216″ single_bg_color_hover=”rgba(251,178,22,0)” single_border_color=”#fbb216″ single_border_color_hover=”rgba(251,178,22,0.25)” single_link=”url:%23||” css=”.vc_custom_58629ff631a6d{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9fa2f”][/vc_column][vc_column width=”1/2″ offset=”vc_col-md-3″][pix_button align=”center” radius=”10″ border_width=”2″ css_animation=”appear” single_content=”Here’s a button” single_text_color=”#ee3769″ single_text_color_hover=”#ffffff” single_bg_color=”rgba(238,55,105,0)” single_bg_color_hover=”#ee3769″ single_border_color=”rgba(238,55,105,0.5)” single_border_color_hover=”#ee3769″ single_link=”url:%23||” css=”.vc_custom_58629ff631aab{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9fa8a”][pix_button align=”center” radius=”10″ border_width=”2″ css_animation=”appear” single_content=”Here’s a button” single_text_color=”#ffffff” single_text_color_hover=”#ee3769″ single_bg_color=”#ee3769″ single_bg_color_hover=”rgba(238,55,105,0)” single_border_color=”#ee3769″ single_border_color_hover=”rgba(238,55,105,0.5)” single_link=”url:%23||” css=”.vc_custom_58629ff631af3{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9fae3″][/vc_column][vc_column width=”1/2″ offset=”vc_col-md-3″][pix_button align=”center” radius=”1000″ border_width=”3″ css_animation=”appear” single_content=”Here’s a button” single_text_color=”#ffffff” single_text_color_hover=”#003e59″ single_bg_color=”#003e59″ single_bg_color_hover=”rgba(0,62,89,0)” single_border_color=”#003e59″ single_border_color_hover=”rgba(0,62,89,0.25)” single_link=”url:%23||” css=”.vc_custom_58629ff631b45{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9fb12″][pix_button align=”center” radius=”1000″ border_width=”3″ css_animation=”appear” single_content=”Here’s a button” single_text_color=”#003e59″ single_text_color_hover=”#ffffff” single_bg_color=”rgba(0,62,89,0)” single_bg_color_hover=”#003e59″ single_border_color=”rgba(0,62,89,0.25)” single_border_color_hover=”#003e59″ single_link=”url:%23||” css=”.vc_custom_58629ff631b8b{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9fb68″][/vc_column][/vc_row][vc_row][vc_column width=”1/2″ extra_css_id=”extra-css-id-5867d0a16933e” offset=”vc_col-md-3 vc_hidden-sm vc_hidden-xs”][/vc_column][vc_column width=”1/2″ offset=”vc_col-md-3″][pix_button align=”center” radius=”100″ border_width=”0″ css_animation=”appear” single_content=”Here’s a button” single_text_color=”#ffffff” single_bg_color=”#0c93f2″ single_gradient_color=”#7909c9″ single_bg_color_hover=”#7909c9″ single_gradient_color_hover=”#0c93f2″ single_link=”url:%23||” css=”.vc_custom_1482858577965{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9fbc0″][/vc_column][vc_column width=”1/2″ offset=”vc_col-md-3″][pix_button align=”center” radius=”100″ border_width=”0″ css_animation=”appear” single_content=”Here’s a button” single_text_color=”#ffffff” single_bg_color=”#0c93f2″ single_gradient_color=”#08d1b6″ single_gradient_dir=”180″ single_bg_color_hover=”#08d1b6″ single_gradient_color_hover=”#0c93f2″ single_link=”url:%23||” css=”.vc_custom_1482858686938{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9fc19″][/vc_column][vc_column width=”1/2″ extra_css_id=”extra-css-id-5867d0a840b3b” offset=”vc_col-md-3 vc_hidden-sm vc_hidden-xs”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content” extra_css_id=”extra-css-id-58613dcbe5c28″ css=”.vc_custom_58629ff631d46{padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_column][mood_separator color=”rgba(21,21,21,0.15)”][/vc_column][/vc_row][vc_row][vc_column width=”1/6″][/vc_column][vc_column width=”2/3″][vc_column_text css_animation=”appear”]

Shadows

[/vc_column_text][/vc_column][vc_column width=”1/6″][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][pix_button align=”center” border_width=”0″ css_animation=”appear” shadow_hover=”half-shadow-button-hover” single_content=”Here’s a button” single_text_color=”#666666″ single_bg_color=”rgba(255,255,255,0.01)” single_link=”url:%23||” css=”.vc_custom_58629ff631d8a{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9fd8f”][/vc_column][vc_column width=”1/3″][pix_button align=”center” border_width=”0″ css_animation=”appear” shadow_hover=”half-shadow-button-hover” single_content=”Here’s a button” single_text_color=”#ffffff” single_text_color_hover=”#151515″ single_bg_color=”#333333″ single_bg_color_hover=”rgba(255,255,255,0.01)” single_link=”url:%23||” css=”.vc_custom_58629ff631dcb{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9fde5″][/vc_column][vc_column width=”1/3″][pix_button align=”center” border_width=”0″ css_animation=”appear” shadow=”shadow-button” shadow_hover=”half-shadow-button-hover” single_content=”Here’s a button” single_text_color=”#666666″ single_bg_color=”rgba(255,255,255,0.01)” single_link=”url:%23||” css=”.vc_custom_58629ff631e0d{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9fe39″][/vc_column][/vc_row][vc_row full_width=”stretch_row_content” extra_css_id=”extra-css-id-58613dcbe5ca9″ css=”.vc_custom_58629ff631e4e{padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_column][mood_separator color=”rgba(21,21,21,0.15)”][/vc_column][/vc_row][vc_row][vc_column width=”1/6″][/vc_column][vc_column width=”2/3″][vc_column_text css_animation=”appear”]

Icons and doubled

[/vc_column_text][/vc_column][vc_column width=”1/6″][/vc_column][/vc_row][vc_row][vc_column width=”1/2″ offset=”vc_col-md-3″][pix_button align=”center” radius=”0″ css_animation=”appear” single_content=”Here’s a button” icon_single=”{ “type“: “line-icon“, “group“: “objects“, “id“: “light-bulb-objects“ }” single_text_color=”#ffffff” single_text_color_hover=”#333333″ single_bg_color=”#333333″ single_bg_color_hover=”rgba(51,51,51,0.01)” single_border_color=”#333333″ single_border_color_hover=”rgba(51,51,51,0.5)” single_link=”url:%23||” css=”.vc_custom_58629ff631e8f{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9ff19″][pix_button align=”center” radius=”0″ css_animation=”appear” single_content=”Here’s a button” icon_single=”{ “type“: “line-icon“, “group“: “objects“, “id“: “light-bulb-objects“ }” single_icon_position=”after” single_text_color=”#333333″ single_text_color_hover=”#ffffff” single_bg_color=”rgba(51,51,51,0.01)” single_bg_color_hover=”#333333″ single_border_color=”rgba(51,51,51,0.5)” single_border_color_hover=”#333333″ single_link=”url:%23||” css=”.vc_custom_58629ff631ed0{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09c9ff7b”][/vc_column][vc_column width=”1/2″ offset=”vc_hidden-sm vc_hidden-xs”][pix_button align=”center” width=”width_100″ radius=”10000″ css_animation=”appear” single_content=”Here’s a button” icon_single=”{ “type“: “line-icon“, “group“: “music“, “id“: “cassette-tape-music“ }” single_text_color=”#0c93f2″ single_text_color_hover=”#ffffff” single_bg_color=”rgba(11,193,226,0.01)” single_bg_color_hover=”#0c93f2″ single_border_color=”rgba(11,193,226,0.5)” single_border_color_hover=”#0c93f2″ double_content=”Here’s its double” icon_double=”{ “type“: “line-icon“, “group“: “music“, “id“: “pickup-1-music“ }” double_icon_position=”after” separator=”text” separator_text_color=”#ffffff” separator_bg_color=”#0c93f2″ single_link=”url:%23||” css=”.vc_custom_58629ff631f0f{margin-bottom: 20px !important;}” double_link=”url:%23||” separator_content=”AND” custom_css_uniq_id=”pix-custom-css-5862a09c9ffea”][pix_button align=”center” width=”width_100″ radius=”10000″ css_animation=”appear” single_content=”Here’s a button” single_text_color=”#333333″ single_text_color_hover=”#ffffff” single_bg_color=”rgba(51,51,51,0.01)” single_bg_color_hover=”#333333″ single_border_color=”rgba(51,51,51,0.5)” single_border_color_hover=”#333333″ double_content=”Here’s its double” separator=”icon” separator_icon=”{ “type“: “line-icon“, “group“: “ecommerce-shopping“, “id“: “balance-2-ecommerce-shopping“ }” single_link=”url:%23||” css=”.vc_custom_58629ff631f50{margin-bottom: 20px !important;}” double_link=”url:%23||” custom_css_uniq_id=”pix-custom-css-5862a09ca004e”][/vc_column][vc_column width=”1/2″ offset=”vc_col-md-3″][pix_button align=”center” radius=”3″ css_animation=”appear” single_content=”Here’s a button” icon_single=”{ “type“: “line-icon“, “group“: “network“, “id“: “global-network-1-network“ }” single_icon_position=”after” single_text_color=”#ffffff” single_text_color_hover=”#0c93f2″ single_bg_color=”#0c93f2″ single_bg_color_hover=”rgba(11,193,226,0.01)” single_border_color=”#0c93f2″ single_border_color_hover=”rgba(11,193,226,0.5)” single_link=”url:%23||” css=”.vc_custom_58629ff631f90{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09ca00ae”][pix_button align=”center” radius=”3″ css_animation=”appear” single_content=”Here’s a button” icon_single=”{ “type“: “line-icon“, “group“: “network“, “id“: “global-network-1-network“ }” single_text_color=”#0c93f2″ single_text_color_hover=”#ffffff” single_bg_color=”rgba(11,193,226,0.01)” single_bg_color_hover=”#0c93f2″ single_border_color=”rgba(11,193,226,0.5)” single_border_color_hover=”#0c93f2″ single_link=”url:%23||” css=”.vc_custom_58629ff631fcf{margin-bottom: 20px !important;}” custom_css_uniq_id=”pix-custom-css-5862a09ca010a”][/vc_column][vc_column extra_css_id=”extra-css-id-58613e8916619″ offset=”vc_hidden-lg vc_hidden-md”][pix_button align=”center” width=”width_100″ radius=”10000″ css_animation=”appear” single_content=”Here’s a button” icon_single=”{ “type“: “line-icon“, “group“: “music“, “id“: “cassette-tape-music“ }” single_text_color=”#0c93f2″ single_text_color_hover=”#ffffff” single_bg_color=”rgba(11,193,226,0.01)” single_bg_color_hover=”#0c93f2″ single_border_color=”rgba(11,193,226,0.5)” single_border_color_hover=”#0c93f2″ double_content=”Here’s its double” icon_double=”{ “type“: “line-icon“, “group“: “music“, “id“: “pickup-1-music“ }” double_icon_position=”after” separator=”text” separator_text_color=”#ffffff” separator_bg_color=”#0c93f2″ single_link=”url:%23||” css=”.vc_custom_58629ff63200f{margin-bottom: 20px !important;}” double_link=”url:%23||” separator_content=”AND” custom_css_uniq_id=”pix-custom-css-5862a09ca017a”][pix_button align=”center” width=”width_100″ radius=”10000″ css_animation=”appear” single_content=”Here’s a button” single_text_color=”#333333″ single_text_color_hover=”#ffffff” single_bg_color=”rgba(51,51,51,0.01)” single_bg_color_hover=”#333333″ single_border_color=”rgba(51,51,51,0.5)” single_border_color_hover=”#333333″ double_content=”Here’s its double” separator=”icon” separator_icon=”{ “type“: “line-icon“, “group“: “ecommerce-shopping“, “id“: “balance-2-ecommerce-shopping“ }” single_link=”url:%23||” css=”.vc_custom_58629ff632051{margin-bottom: 20px !important;}” double_link=”url:%23||” custom_css_uniq_id=”pix-custom-css-5862a09ca01dd”][/vc_column][/vc_row]