How to change all the text fields color/boarders

Support
#1

Hey,

I need to change all the text areas on my site. I figured out how to change the ones on the check out page but when you go to the cart page before the page that you put all your info the boxes are back to the old lite gray color that you cant see very well. I would like this change across the board even on the product text areas and around the quantity and checkboxes and radios. Pretty much anything that is that lite gray color that is an option needs to be darker.

This is what I did for the checkout page I would like the same across the board.

.woocommerce-account form select, .woocommerce-account form textarea, .woocommerce-account form input[type=“tel”], .woocommerce-account form input[type=“text”], .woocommerce-account form input[type=“email”], .woocommerce-account form input[type=“password”], .woocommerce-checkout form select, .woocommerce-checkout form textarea, .woocommerce-checkout form input[type=“tel”], .woocommerce-checkout form input[type=“text”], .woocommerce-checkout form input[type=“email”], .woocommerce-checkout form input[type=“password”] {
background-color: #fff;
color: #000;
border: 1.5px solid #505050;
font-size: 16px;
}

#2

Hi there,

Please try this:

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input,
.woocommerce-account form select, .woocommerce-account form textarea, .woocommerce-account form input[type="tel"], .woocommerce-account form input[type="text"], .woocommerce-account form input[type="email"], .woocommerce-account form input[type="password"], .woocommerce-checkout form select, .woocommerce-checkout form textarea, .woocommerce-checkout form input[type="tel"], .woocommerce-checkout form input[type="text"], .woocommerce-checkout form input[type="email"], .woocommerce-checkout form input[type="password"] {
    background-color: #fff;
    color: #000;
    border: 1.5px solid #505050;
    font-size: 16px;
}

Hope this helps.

#3

Awesome That worked great for the text boxes and the quantity box. Can we make the outline on the options such as the round radios and the check boxes.

#4

Hi again,

Can you please provide the URL of site so we can take a look at your setup?

Thanks!

#5

I figured it out this weekend. It was an option with in my product options set plugin. Thank you so much for your help tho.

#6

Glad you’ve sorted it out.

#7

Could your help me change the outline and the text color on the Search Bar in the menu bar.

This is the color we used for all the other outlines #505050;

#8

Hi There,

Could you please provide us with the URL to your site? so that we can assist you accordingly.

Thanks!

#9

outdoordogsupply.com

#10

Hi again,

Please add the following code in your Customizer:

.aws-container .aws-search-field {
    color: #505050;
    border: 1px solid #505050;
}

Hope this helps!

#11

Awesome. Thank you so much.

#12

Glad we could help.

Cheers!