Custom button colors by css/class

signout · December 2015

Hello, i would like to give some buttons other colors. Could you specify to me how to do it. Been trying some custom css but without succes so far.

Greetings

Albert · December 2015

Hi,

this can be done with custom css. Button shortcode have class field where you can set class name and then under Theme options > Custom CSS & JS > Custom CSS section, you can write extra css responsible for these buttons. For more details about css customization, please look at http://themes.muffingroup.com/betheme/documentation/#theme-customizations

Thanks!

signout · December 2015

Like I stated I had some trouble doing so.

For example i gave the button a class "roze523".

Made custom css with # and . but both without effect. Would really like your help

#roze523 .button-flat a.button:not(.action_button), .button-flat:not(.header-plain) a.button.action_button, .button-flat a.tp-button, .button-flat button, .button-flat input[type="submit"], .button-flat input[type="reset"], .button-flat input[type="button"] {

border-bottom: 0.27777778em solid #9f001e;

border-radius: 3px;}

}

signout · December 2015

Sorry for the confusion but i ment using a border.

Albert · December 2015

Give us url to page where you did it and we'll have a look on it.

signout · December 2015

http://goo.gl/j62KNf

First button you come across.

custom class=roze523

.roze523 {

border-bottom: 0.27777778em solid #9f001e;

border-radius: 3px;}

}

Albert · December 2015

Ok. So to change the color of this button, please use below css:

a.button.roze523 span { background: #000 !important; color: #FFF !important; }

Custom button colors by css/class

Comments