Edit text input fields background color in Cart, Checkout

[tkhong]

Hi,
How can I edit the background color of text input fields in cart and checkout page?
I would like the form fields’ background color to turn #f4f4f4 once User has input text or if the fields are auto-filled via browser.

Thanks

[Rui Guerreiro – SUPPORT]

Hi,

Try to add the code below to your custom css option.

.woocommerce .quantity .minus, .woocommerce .quantity input.qty, .woocommerce .quantity .plus #jckqv_summary .quantity input.qty, .woocommerce form #customer_details .form-row input {
    background-color: #ccc !important;
}

-Rui

[tkhong]

Thanks Rui.
It didn’t quite do it. It only changed fields background color to #xxx and not changed background after/if input fields are filled.

Related,
Can you check with Firefox: https://www.mekong-merchants.com/checkout/
Can you help left align the Newsletter signup box? It’s currently in the middle.

Thanks.

[Rui Guerreiro – SUPPORT]

Can you try this one.

#mailchimp_woocommerce_newsletter {
    left: -70px;
    position: absolute;
}

-Rui

[tkhong]

Thanks Rui.
However, that only works for Firefox. On Chrome, Safari and Safari mobile the tickbox is gone.

[Rui Guerreiro – SUPPORT]

I’m seeing fine in all the browsers, clear the cache in all devices and check again.

-Rui

[tkhong]

Thanks Rui, still the same as my previous message. Can you check again as well?

[Rui Guerreiro – SUPPORT]

I checked before replying to you. Can you ask someone else to test it that never accessed the site?

-Rui

[tkhong]

Thanks Rui, they say the same.
I removed your CSS code after verifying. (Cleareh cache, history and reloaded site on all and also from site cache)

Please check screens. Chrome and Safari has a squeezed Account signup. On Firefox it is gone.

Thanks for looking at this.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

I see this:

How can we replicate this?

If you want to modify this outside of our demo setup you would need to work with a developer.

[tkhong]

Thanks David, this had been resolved.

[Rui Guerreiro – SUPPORT]

Great.

-Rui