Changing input color code

This topic has 7 replies, 2 voices, and was last updated 6 years, 2 months ago by Harry.

Viewing 7 reply threads

Save

Author

Posts
- October 23, 2018 at 9:20 pm #25951
  
  Rahim
  
  Hi Harry,
  
  I have changed the placeholder color to #696969 from #878787 because the default value is so light and hard to read.
  
  I would like to change the all input color to black but when I try input{color: black;} I see that the submit button of the newsletter also gets black.
  
  How can I change the input color to black without a bad affecting somewhere else?
  
  Regards.
  
  Rahim Vaziri
  CEO & Founder at Look.ir
- October 23, 2018 at 9:49 pm #25953
  
  Rahim
  
  And also the border of the check boxes and drop-down lists are so light harry. http://take.ms/PIYdd
  
  In the mobile, the drop-downs are so transparent.
  
  Any code to override them?
  
  I would like to make black the ticks at the check boxes. Check these :
  
  http://take.ms/cIwdU
  
  http://take.ms/51DUe
  
  Regards
  
  Rahim Vaziri
  CEO & Founder at Look.ir
- October 23, 2018 at 10:03 pm #25955
  Harry
  Hi Rahim,
  
  Could you change the software to take screenshot to https://prnt.sc/ it now monosnap does not support our region.
  
  Please add below code
```
input[type="text"] {color: #696969;}
.style-checkbox label {border: 1px solid #ccc;}
```
  The issue of drop-down list on mobile it related to mobile device and can’t style.
  
  Regards
  
  Harry
  Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
- October 23, 2018 at 10:25 pm #25960
  
  Rahim
  
  Hi Harry,
  
  Thank you.
  
  How can I make black the tick inside the checkbox?
  
  Regards.
  
  Rahim Vaziri
  CEO & Founder at Look.ir
- October 23, 2018 at 10:30 pm #25961
  
  Rahim
  
  Hi Harry,
  
  The input css is applied only to name and address on checkout, not the postal code and email.
  
  How can I fix this?
  
  Rahim Vaziri
  CEO & Founder at Look.ir
- October 23, 2018 at 11:12 pm #25965
  Harry
  Please change code to
```
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"] {color: #696969;}
.style-checkbox label {border: 1px solid #ccc;}
.style-checkbox label:after {
    border: 2px solid #000;
}
```
  Regards
  
  Harry
  Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
- October 23, 2018 at 11:18 pm #25966
  
  Rahim
  
  Hi Harry,
  
  It becomes this :
  
  Regards.
  
  Rahim Vaziri
  CEO & Founder at Look.ir
- October 24, 2018 at 3:06 pm #25981
  Harry
  Hi Rahim,
  
  Please change code to
```
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"] {color: #696969;}
.style-checkbox label {border: 1px solid #ccc;}
.style-checkbox label:after {
border: 2px solid #000;
border-right: 0;
border-top: 0;
}
```
  Regards
  
  Harry
  Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Author

Posts

Viewing 7 reply threads

Save

You must be logged in to reply to this topic.

Menu

Support Forum