WordPress.org

Forums

WooCommerce - excelling eCommerce
Product attributes buttons are almost invisible (3 posts)

  1. kittensforgood
    Member
    Posted 1 year ago #

    I'm having some trouble... I don't know how or where to change the colors for these attributes.

    As you can see on the product page: http://www.weisspens.com/product/purple-swirl-slimline/

    the attributes of ink color and finish both are almsot white text on a white background. where can I change this?

    Thank you.

    https://wordpress.org/plugins/woocommerce/

  2. lorro
    Member
    Posted 1 year ago #

    Try this in your custom css, choosing color and background values to your taste:

    .woocommerce div.product form.cart .variations label,
    .woocommerce #content div.product form.cart .variations label,
    .woocommerce-page div.product form.cart .variations label,
    .woocommerce-page #content div.product form.cart .variations label
    {color: #5A5A5A; background: #FFFFFF;}
  3. kittensforgood
    Member
    Posted 1 year ago #

    Thank you Lorro. That definitely helped to fix the text.

    It is weird. I guess those attributes change for each individual one. Because the first box had a greyish background and the second one was white.

    So when I used your code to change all the background to white, the first box had white background for the text but the surrounding box was greyish.

    I just made it all white for now.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce - excelling eCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.