WooCommerce Product Style Problems

[LTWWordpress]

Web: https://ltw1.com/product/e2-workstation-st-e2-ws-722432-s12-lsd-in-buy-online/?rand=269

Hey all,

I have some problems with my product pages. First, headers like “Color” and “Custom RAL” are a completely different style from “Quantity.”

Second, I don’t like how “Options Total” and “Grand Total” are very small and are not at the bottom of the page (“Quantity” is below them. This is confusing.).

Also, on the order page, headers like “Your order” and “Credit Card” are different styles again.
Lastly, the text boxes for card information are a weird light red. How can we change this color?

I’m trying to make the best customer experience possible. Thank you for your help!

Heather
LTW Ergonomic Solutions

[Prasant]

Hello @LTWWordpress,

Thanks for asking.

Please add following CSS under Pro > Launch > Theme Options > CSS:

.woocommerce .quantity:before {content: "Quantity "; display: block; color: #272727; font-family: "Archivo Black",sans-serif; font-style: normal; font-weight: 400; font-size: 109.5%; line-height: 1.3;}

.woocommerce-checkout form .payment_methods label {font-size: 15px; font-family: "Archivo Black",sans-serif;}

.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type="tel"], .woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type="text"], .woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-echeck-form-input[type="tel"], .woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-echeck-form-input[type="text"], #add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-input[type="tel"], #add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-input[type="text"], #add_payment_method input.js-sv-wc-payment-gateway-echeck-form-input[type="tel"], #add_payment_method input.js-sv-wc-payment-gateway-echeck-form-input[type="text"] {border-color: #ddd; background-color: #efefef; color: #000;}

It looks like for display Options total and grand total, you are using a 3rd Party Plugin WooCommerce Product Addons. Unfortunately we can’t provide customization services for 3rd party extensions that requires core level code changes as it falls outside scope of the support we offer.

Thanks.

[LTWWordpress]

Thanks for your timely help @Prasant!

I’ll try to fix the Quantity-Grand Total problem with WooCommerce.

Cheers!
Heather

[LTWWordpress]

Just kidding.

I contacted WooCommerce and they think it’s a theme problem.

Any thoughts?

-Heather

[XSupport]

Hello Heather,

Did you add the code @Prasant provided for you? If yes, please let us know the result.

Thanks.