Tagged: , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 17, 2016 at 9:15 am #566756
    themeforesttony

    Hi,
    I am having a problem changing the field input/dropdown menu font colors in WooCommerce.
    I have tried suggestions in the forum, but have not found the solution.
    Inspecting the element show the class to be:
    #top div form .form-row input.input-text, #top div #content .form-row input.input-text, #top div form .form-row textarea, #top div #content .form-row textarea{*}
    When I edit this with:
    color: #000000!important;
    border-color: #ffffff!important;
    The email, phone and Order note area change, to black with white background but input text is black, the other input fields remain white with black text and the State dropdown remains white with white variables.
    I have a black background so I want to get all the fields to either be white input fields with black text/variables or black input fields with a white stroke border and white text but I cannot seem to get the correct areas all targeted.
    Can you help me with this?
    Site and creds are below.
    Thanks in advance.

    January 18, 2016 at 5:12 am #566902
    Rikard

    Hey themeforesttony,

    Please try the following instead:

    .woocommerce-checkout input {
color:red !important;
}

    Thanks,
    Rikard

    January 18, 2016 at 5:21 am #566907
    themeforesttony

    Thanks for the quick reply.
    That did change all inputs to red, but I still have the issue with all the input fields not being the same color (ie Name field White background, email black background, etc) and the state selector variable are all still white text on white background.
    Do I have to target each field separately?

    January 19, 2016 at 2:41 am #567517
    themeforesttony

    Got your email.
    That worked with the exception that email, phone and order note box are reversed from all the rest.
    If you have an idea great. If not, this solution is livable. Thanks again for your help.
    As always, it is greatly appreciated.
    Tony

    January 20, 2016 at 6:30 am #568391
    Ismael

    Hey!

    You can try this:

    #top div form .form-row input.input-text, #top div #content .form-row input.input-text, #top div form .form-row textarea, #top div #content .form-row textarea {
    color: #000000 !important;
    border-color: #ffffff!important;
    background-color: #ffffff !important;
}

    Best regards,
    Ismael

    January 22, 2016 at 12:50 am #569641
    themeforesttony

    Hi Ishmael,
    Nice to speak with you again. So that works except that it does not effect the state drop down selector. That is still white on white.

    January 22, 2016 at 9:43 am #569850
    Rikard

    Hi,

    Please try the following as well:

    #top .select2-results {
    color: black !important;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.