Hi!
I am using the free version of Vantage and use Custom CSS for all my nitty-gritty styling.
Now, my client wants a very stylish-looking black, white and silver website, so I started by changing the header to black and the main menu in the navigation bar’s background to a silvery gradient in the hover state.
My problem now is that I have no idea how to change the colour of the Proceed to Checkout button. The purple is not really going with the theme.
I would also like to change the colour of that green line that appears under the page title whenever a notification shows (like “This item” was successfully added to your basket).
I just don’t know what ID’s to use for these items in the CSS styling.
Could anyone please help me with this?
Thanks!
Hi Blom90
Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
Looking forward to hearing from you
Hi Blom90
Thanks for reaching out.
WooCommerce have recently (post ver. 2.3) removed the color settings that used to be available under their General section. You should no be able to style WooCommerce buttons and other colors using the following plugin:
https://wordpress.org/plugins/woocommerce-colors/
I’m not sure about the green line. Could you see if the above plugin helps with that? If not, please send through a link so we can see the problem.
Thanks :)
Yes I do, the website is already online. I haven’t heard any complaints about the purple and green colours from the client yet, but it does bother me a lot :)
I will take a look at that plugin, thanks!!
Will let you know if I can’t change the colour of the green line with the plugin.
Thanks again!
For sure. Let us know how you come along.
I changed the checkout button, but still can’t figure out where to change the green line. But the client is satisfied with the website, so I’m not going to change anything else.
Thank you for your help!! :)
If you can send through a link to a page concerned, we can take a look at the green line problem.
It is http://www.edrange.co.za.
Thanks :)
If you’d like to remove the shadow and rounding that’s being applied to the slider images, to go Appearance >Customize > Page and un-check the Image Shadow and Rounding option.
I’m not seeing a green line, can you perhaps let me know where that is? Thanks :)
Hi, sorry for the late reply. Do you work on Easter weekends? I was surprised to get an answer so quickly. :)
The green line shows only with a notification, like when you added or removed something from the cart. It shows right below the page title.
No problem. Not officially, but sometimes we’re on for a bit over holiday periods :)
Ahh right, the notification bar. Try the following under Appearance > Custom CSS, adjust as required:
/* WooCommerce Message Notification Bar */ .woocommerce .woocommerce-message { border-top-color: #8fae1b; }Thank you!! That worked perfectly :)
For sure, glad we could help :)