This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Change Proceed to Checkout button

Resolved 12 replies themetheme-vantage
Blom90
10 years ago · Last reply by Andrew Misplon 10 years ago

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!

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

12
  1. Daniel Staff 10 years, 10 months ago

    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

  2. Andrew Misplon Staff 10 years, 10 months ago

    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 :)

  3. Blom90 10 years, 10 months ago

    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!

  4. Andrew Misplon Staff 10 years, 10 months ago

    For sure. Let us know how you come along.

  5. Blom90 10 years, 10 months ago

    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!! :)

  6. Andrew Misplon Staff 10 years, 10 months ago

    If you can send through a link to a page concerned, we can take a look at the green line problem.

  7. Blom90 10 years, 10 months ago

    It is http://www.edrange.co.za.
    Thanks :)

  8. Andrew Misplon Staff 10 years, 10 months ago

    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 :)

  9. Blom90 10 years, 10 months ago

    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.

  10. Andrew Misplon Staff 10 years, 10 months ago

    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;
}
  11. Blom90 10 years, 10 months ago

    Thank you!! That worked perfectly :)

  12. Andrew Misplon Staff 10 years, 10 months ago

    For sure, glad we could help :)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread