Enquiry input text color

  • I’ve been trying to change the text colour from white to black. It is not visible at all. Could someone please help me on what to add to custom css.

    Simcoesound.com
    Used and demo section and then any product.

    Thanks in advance and sorry for being a newbie.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    This should do it:

    .woocommerce .content input[type="text"]:not(.mkd_search_field):not(.qty), .woocommerce-page .content input[type="text"]:not(.mkd_search_field):not(.qty), .woocommerce .content input[type="email"], .woocommerce-page .content input[type="email"], .woocommerce .content textarea, .woocommerce-page .content textarea, .woocommerce .content input[type="password"], .woocommerce-page .content input[type="password"], .woocommerce .chosen-container.chosen-container-single .chosen-single, .woocommerce-page .chosen-container.chosen-container-single .chosen-single, .woocommerce-checkout .chosen-container.chosen-container-single .chosen-single, .woocommerce .content table.cart div.coupon .input-text, .woocommerce-page .content table.cart div.coupon .input-text, .woocommerce div.cart-collaterals .select2-container .select2-choice, .woocommerce-page div.cart-collaterals .select2-container .select2-choice, .woocommerce #commentform input[type="text"], .woocommerce #commentform input[type="email"], .woocommerce #commentform textarea, .woocommerce-checkout .select2-container .select2-choice, .woocommerce-account .select2-container .select2-choice, .woocommerce-page .select2-drop input[type="text"] {
    color: #000;
}

    To add CSS:

    • If you are using WordPress 4.7, use the “Additional CSS” option in the customizer.
    • If your theme has a custom CSS option, use that to add the CSS shown above.
    • If not, install the plugin Simple Custom CSS.

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter jasoncapa

    (@jasoncapa)

    @sterndata

    Thank you!
    Only thing now is when typing into the input the text can not be seen while typing or until clicking on another input box or anything else.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Add this to your custom CSS:

    .woocommerce .content input[type="text"]:not(.mkd_search_field):not(.qty):focus, .woocommerce-page .content input[type="text"]:not(.mkd_search_field):not(.qty):focus, .woocommerce .content input[type="email"]:focus, .woocommerce-page .content input[type="email"]:focus, .woocommerce .content textarea:focus, .woocommerce-page .content textarea:focus, .woocommerce .content input[type="password"]:focus, .woocommerce-page .content input[type="password"]:focus, .woocommerce .content table.cart div.coupon .input-text:focus, .woocommerce-page .content table.cart div.coupon .input-text:focus, .woocommerce #commentform input[type="text"]:focus, .woocommerce #commentform input[type="email"]:focus, .woocommerce #commentform textarea:focus, .woocommerce-checkout .select2-container .select2-choice:focus, .woocommerce-account .select2-container .select2-choice:focus, .woocommerce-page .select2-drop input[type="text"]:focus {
    color: #000;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Enquiry input text color’ is closed to new replies.