Customising WooCommerce

[tommatchett]

Hi,

I have WooCommerce installed on the theme.

What I don’t seem to be able to do is to edit the colours of the Subtotal and Shipping £x.xx on the checkout page, so the text is getting lost on the page.

Cart

I’m having the same challenge with contact forms on other parts of the site.

What would you recommend that I do please? Is there something within the theme that can make this easy to do please?

[Zex]

Hello,tommatchett!

You can use the custom CSS code To change the colors.

Place the codes below in Customize-General-Additional CSS:

.cart-subtotal{
  color:#FFF;
}

.shipping{
  color:#FFF;
}

For the contact form, use this code:

#nf-form-1-cont{
  color:#FFF;
}

Change the color code per your wish.

Best Regards

[tommatchett]

Thanks. That was very helpful.

I’m still struggling on a couple of other areas. I’ve tried find the relevant Class reference in Developer tools but haven’t had any joy. If you can help me with this please, then that would greatly appreciated.

1)Cart Page
How to change please the header text colour for “Share The Evolution” and “Basket Totals”

2) Billing & Address Details
Same again please for the field names on the billing and address details page. I also have a weird paypal script that seems to pop and won’t disappear which reads “Pay via PayPal; you can pay with your credit card if you don’t have a PayPal account”

– Also, any thoughts please on how to move the Proceed To PayPal button higher up the page?

3) Product Page
The text next to the dropdowns (for size and colour) is black and I can’t find a way to change them to white.

I appreciate that this is a little beyond the call of duty but your help would be very much appreciated.

Best wishes,

Tom

[Zex]

Hello, Tom!

Use this codes:

1.

.woocommerce h2 {
  
color:#FFF!important;
  
}

2.

.form-row label {
  
 color:#FFF!important;
  
}
/*Remove the pop up*/
.payment_method_paypal{
  
  display:none;
}

3.

.variations label{
  color:#FFF;
 }

P.S. Unfortunately the Proceed To PayPal button can’t be moved.

Best Regards

[tommatchett]

Awesome. Thanks.

That is weapons grade quality support!

[Zex]

Thanks 😉

[Author]

Posts