Text color for woocommerce one page checkout

@dbowland you very likely have to modify the style sheet within the plugin. Unless the style is inhereted, it has its own style sheet in the plugin folder. If you provide a link to the single checkout page on your site, it will make it easier to pinpoint the exact issue.

Hi @jv8080
Thanks for the input. I did include the link – https://mynaturaldeodorant.com/free-deodorant-pay-shipping/

Any help on pinpointing the exact issue will be much appreciated.

Got it. I didn’t see it on my mobile. The theme seems to be handing the white font off to the checkout page. If you go to your theme and edit the style sheet that is at the address (https://mynaturaldeodorant.com/wp-content/themes/WCM010014/css/isotop-port.css?ver=4.4.2), you can find the code below and edit it as I have to remove the white text color. The reason that I commented the code out is in the case that it removes or causes some other functionality to be removed. I hope this helps.

pre, code {
    /* color: white; */
    font-family: 'Monaco', monospace, sans-serif;
}

Hi! Thanks very much @jv8080
I tried that and it worked, but now that i see it, the font is sans-serif rather than the font for the rest of the site (and the regular checkout) is Open Sans.
I tried putting this in place for font-family
font-family:’Open Sans’, Arial, Helvetica, sans-serif;
and commenting out the font-family that is there, but it didn’t change it at all.

Any ideas?

Dave

@jv8080 – actually the problem page is using Courier New but the regular checkout page uses Open Sans, which is what i want. It seems like it is getting the font from somewhere else?

@dbowland sorry for the confusion by what I said earlier about the font being from somewhere else. I meant that the font was inheriting traits from your theme. If you go to the theme’s style sheet at https://mynaturaldeodorant.com/wp-content/themes/WCM010014/style.css and change the font-family portion to what is below. This will change other items so just be aware that this is something to consider.

code,
kbd,
tt,
var,
samp,
pre {
    font-family: 'Open Sans', Arial, Helvetica, serif;
    font-size: 15px;
    /*-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;*/
    line-height: 1.6;
}

One thing that i did not mention that I probably should have is that these items will be tough to update so you might want to consider making a custom template for this. You can find some more information about templates for this plugin here: https://docs.woothemes.com/document/woocommerce-one-page-checkout/#section-4.

One thing that i did not mention that I probably should have is that these items will be tough to update so you might want to consider making a custom template for this. You can find some more information about templates for this plugin here: https://docs.woothemes.com/document/woocommerce-one-page-checkout/#section-4.

Hi @jv8080
Thanks for all of your help. That last change in style.css didnt fix the font problem. It’s still Courier New rather than Open Sans….
Any other ideas?

thanks,

Dave

@dbowland, no problem. I am looking at the website and the font seems to have taken on my computer. Did you clear your cache on your computer? If you don’t know how to do that, I found this link was pretty good (https://kb.iu.edu/d/ahic).