Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 18, 2019 at 7:09 pm #1111430
    MLA18

    Hello Enfold Support,

    I am looking for some guidance on how to alter the CSS for a few items on a WooCommerce Checkout Page:

    • Ship to a Different Address?
    • (Optional)
    • I have read and agree to the website

    To my knowledge nothing within the Enfold settings (General Styling, Extra CSS or Advanced Settings) are set to what appears the color of #777, Yet these font areas are appearing as a dark grey. I am simply trying to change them to white.

    I have also run through wp-content > plugins > woocommerce > assets > css and can’t seem to find where this dark gray font setting is located.

    I am also having difficulties getting the font color for the Country and State fields (before hover, before drop down menu is activated) to appear as white.

    Any help or advice you can provide would be greatly appreciated.

    Thanks!

    June 20, 2019 at 5:28 pm #1112005
    Victoria

    Hey MLA18,

    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 label span {
    color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 20, 2019 at 5:33 pm #1112008
    MLA18

    Hi Victoria,

    That’s exactly what I needed. Very much appreciated.

    Thanks!

    June 20, 2019 at 7:00 pm #1112050
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘WooCommerce Checkout CSS’ is closed to new replies.