Change input text color on checkout page

  • Resolved 7gorgonzolas

    (@7gorgonzolas)


    5 years, 3 months ago

    Hello everyone,

    I am trying to change the input text color on the checkout page. At the moment, when the customer fills in shipping information, the input text is a dark grey (which is hard to read against a black background).

    I would be thrilled if someone could provide some custom CSS to change the input text in every form field of the checkout page to white instead of grey.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Hi @7gorgonzolas!

    See if the following CSS code helps: 

    form input[type="text"] {
    color: #fff;
}

    You can add that CSS code to the “Additional CSS” section found in your customizer, under “Appearance > Customizer > CSS”

    Cheers!

    • This reply was modified 5 years, 3 months ago by Rynald0s.
    Thread Starter 7gorgonzolas

    (@7gorgonzolas)

    Beautiful.

    Thank you kindly.

    This forum is always so helpful.

    TrogsWorld

    (@trogsworld)

    Hi There @rynald0s – This was very helpful, thank you and I just updated the text color to black.

    I have a related issue I’m hoping you could assist with. On the Cart page, before you proceed to checkout, there are two drop-down menus listed, one for the Country, and one for the State.

    1) I would also like this color to be changed to black
    2) On the far right of each of these selection box, where the drop-down button should be, the whole box is completely black and you can’t see that this is a drop-down. Would like to change this to a light color.

    Looks like it is located here: .fusion-body .woocommerce-shipping-calculator

    Thanks for your help!

    Tom

    • This reply was modified 5 years ago by TrogsWorld.
    Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Hi @trogsworld!

    See if the following CSS code helps: 

    .select2-results__option {
color: black;
}

    Cheers!

    Hi @rynald0s i have also a slightly simler issue, as you can see here; https://prnt.sc/s822ue everything is in this ugly reddish color. I am using dokan and electro theme. I have tried the suggestions you gave to the others but that doesn’t work.

    @rynald0s also here is my website : Kuusuu.com

    Hi everyone,

    I’m looking for a solution to change the font size of a TAX that appears on checkout page. I want it a little bit smaller than the SUBTOTAL. Can’t seem to find exact answer to what I wanted to happen. I believe this is a CSS work.Maybe someone knows the exact code

    Thanks in advance.
    Joeff

    Hi @rynald0s ,

    I have a similar issue too that unfortunately, I couldn’t resolve it completely.
    I wanted to change the background color of the charts in my cart page, so I change the upper part which shows just the products and it’s quantity with this code:
    .woocommerce-cart table th, table td {
    background-color: #000;
    }

    But unfortunately for the bottom part which shows “cart totals” I could,t change the background color of the table. (here is the link to the page https://francescoiandolo.it/en/cart/ )

    Would you please help me through this?
    Thank you very much.
    Sogand

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Change input text color on checkout page’ is closed to new replies.