How to Change Button Color

Hello Giang,

As requested, here is the information:

I would like to know how to change the button color from orange to grey (999999).

The template being used is a Shape5 template - GCK Store.

Since the cart and all the details such as look, layout and product are not 'Live' as yet, here is a link to a temporary site where testing layout and such are being done.

Shop Now - This page displays how the site template button color is grey with an orange hover - the lower half of the page.

Category - This page is similar to the above, however only displays the Item picture and again the Orange button or tab.

Thanks again. I hope this is the information you need.

If this is something I can change, may you please share how?

Have a great day!
- Drew

Hi Drew,
That's OK. Our support staff will check and answer you shortly.
Sincerely, Giang

Hello.
I will guide you how to change orange color on site.
Please open file with this link: components/com_eshop/themes/fashion/css/style.css
After that, search #f15a3b color code, an replace all with #999999 color code you want.
And keep this line on css code don't replace:
.box-product-buttons div:hover {
background-color: #f15a3b;
}
Please try to work on, and let's me know if you need any more help.
Regards.

Thank you,

That worked Great! I appreciate your help.

Good job!

Have a great day.
- Drew

No problem at all Drew!
Don't hesitate to let us know if you have any more questions or need any more helps.
Sincerely, Giang

Hi - I have just upgraded to yootheme pro from legacy yootheme so i can increase php level - the green colour of the brand has been set in the new theme settings however for some reason eShop is showing the buttons as blue - but when I click inspect element it says they should be taking on the green I followed instructions above but cannot find any css for colour for buttons in the default theme - please can you help? www.windowanddoorhardware.co.uk/shop/win...-friction-hinge-stay

Dear Jodee,

The button color is correct now. You can also go to EShop -> System -> Configuration -> Layout tab to select the correct twitter bootstrap version to have all layout to display correctly.

If you need other helps, please submit new ticket to EShop category so I can help you.

Sincerely, Giang