Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 20, 2017 at 4:25 am #780256
    murdochduncan

    Hello,

    The text font color in the checkout page for Woo is white thus making it very hard to read. I’m assuming this has something to do with predefined color theme that I chose? How can I modify it so that the font is black while keeping the same color theme for the site?

    Thank you,

    Duncan

    April 20, 2017 at 4:21 pm #780625
    Victoria

    Hey murdochduncan,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

#top div .quantity input.qty { color: #000;}

input[type=text]::-webkit-input-placeholder {
	color: #000000;
}
input[type=text]::-moz-placeholder {
	color: #000000;
}
input[type=text]:-ms-input-placeholder {
	color: #000000;
}
textarea#order_comments::-webkit-input-placeholder {
	color: #000000;
}
textarea#order_comments::-moz-placeholderplaceholder {
	color: #000000;
}
textarea#order_comments:-ms-input-placeholder {
	color: #000000;
}
textarea#order_comments::placeholder {
    color: #000000;
  
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    April 21, 2017 at 3:20 am #780950
    murdochduncan

    Hello Again,

    The code didn’t work in the Quick Css and I’ll need assistance entering it the other way if you please.

    Thank you,

    Duncan

    April 21, 2017 at 3:52 am #780954
    murdochduncan

    Hello again. I have entered the code into custom.css after all with “success!” But the code does not alter the text color to make it more legible.

    Do you have another code or another way?

    Thank you,

    Duncan

    April 22, 2017 at 3:21 am #781507
    murdochduncan

    The code didn’t work- Is there another fix for this?

    Thank you,

    Duncan

    April 22, 2017 at 9:06 pm #781764
    Mike

    Hi,
    I have added !important; to Victoria code please try it and clear your cache :)
    Try this code in the General Styling > Quick CSS field:

    #top .main_color .input-text, #top .main_color input[type='text'] {
color: #000!important; 
}
#top div .quantity input.qty { color: #000!important; }

input[type=text]::-webkit-input-placeholder {
	color: #000000!important; 
}
input[type=text]::-moz-placeholder {
	color: #000000!important; 
}
input[type=text]:-ms-input-placeholder {
	color: #000000!important; 
}
textarea#order_comments::-webkit-input-placeholder {
	color: #000000!important; 
}
textarea#order_comments::-moz-placeholderplaceholder {
	color: #000000!important; 
}
textarea#order_comments:-ms-input-placeholder {
	color: #000000!important; 
}
textarea#order_comments::placeholder {
    color: #000000!important; 
  
}

    Best regards,
    Mike

    April 23, 2017 at 12:26 am #781842
    murdochduncan

    It works!!!

    Thank you Mike and Victoria for your wizardry!!!

    Duncan

    April 23, 2017 at 2:31 am #781858
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Woo and text fields’ is closed to new replies.