Change button colours in Client Area / Cart

[CCSupport]

Hello all,

 

I am having an issue changing the button colours in the client area / cart. Each place in the CSS file I have found mentioned on the customisation info doesn't seem to work.

 

Any ideas?

[CCSupport]

This is now resolved.

 

For anyone that needs to sort this, just open whmcs.css, located in your current template folder/css (i.e. templates/default/css if using the 'default' template) - open with notepad is fine and find the following code (from line 1017):

 

/* buttons */

#whmcsorderfrm input[type="button"], #whmcsorderfrm input[type="reset"], #whmcsorderfrm input[type="submit"] {
   cursor: pointer;
   display: inline-block;
   background-color: [b][color="#FF0000"]#E6E6E6[/color][/b];
   background-repeat: no-repeat;
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from([b][color="#FF0000"]#ffffff[/color][/b]), color-stop(25%, [b][color="#FF0000"]#ffffff[/color][/b]), to([b][color="#FF0000"]#e6e6e6[/color][/b]));
   background-image: -webkit-linear-gradient([b][color="#FF0000"]#ffffff[/color][/b], [b][color="#FF0000"]#ffffff[/color][/b] 25%, [b][color="#FF0000"]#e6e6e6[/color][/b]);
   background-image: -moz-linear-gradient(top, [b][color="#FF0000"]#ffffff[/color][/b], [b][color="#FF0000"]#ffffff[/color][/b] 25%, [b][color="#FF0000"]#e6e6e6[/color][/b]);
   background-image: -ms-linear-gradient([b][color="#FF0000"]#ffffff[/color][/b], [b][color="#FF0000"]#ffffff[/color][/b] 25%, [b][color="#FF0000"]#e6e6e6[/color][/b]);
   background-image: -o-linear-gradient([b][color="#FF0000"]#ffffff[/color][/b], [b][color="#FF0000"]#ffffff[/color][/b] 25%, [b][color="#FF0000"]#e6e6e6[/color][/b]);
   background-image: linear-gradient([b][color="#FF0000"]#ffffff[/color][/b], [b][color="#FF0000"]#ffffff[/color][/b] 25%, [b][color="#FF0000"]#e6e6e6[/color][/b]);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='[b][color="#FF0000"]#ffffff[/color][/b]', endColorstr='[b][color="#FF0000"]#e6e6e6[/color][/b]', GradientType=0);

 

Decide on your new colours and change ALL relevant HEX Colour codes to the TWO you want.

[tangogc]

I need the some info but for the slider order form css I want change the button color

[CCSupport]

As far as I am aware, making the changes I noted above covers all of the order form pages, just make sure you choose your current template

[tangogc]

Thanks CCSupport but this change all button in a shot or I can make different colors for:

order now

continue shopping

view cart

 

thanks

[tangogc]

sorry double post to subscrive