Change font color of content in accordion for WooCommerce pages

KimberlyWritesCreative · May 2018

I am adding WooCommerce to my client's website and I have entered my first product (only one to see how it looks) and I see that WooCommerce uses the accordion layout for its product pages. My content font for the entire site is white ("ffffff") and as you can see, (https://billthebuffman.com/product/edgeless-paint-towels-16x16/?preview_id=3114&preview_nonce=2681b48b2a&_thumbnail_id=3116&preview=true) the background of the accordion is gray and white and I cannot read my input data - I assume it defaults to my site content font color?

I am using the accordion on another page (https://billthebuffman.com/projects/air-force-one-detailing-team/) and I am able to change the font color in the content box using <font color"">, but I cannot find a way to do that in WooCommerce because they are data entry fields. I need to change the content color ONLY in the Additional Information & Reviews section of the product pages of WooCommerce to either black ("000000") or "980000".

I even tried to change the background color of the accordion to ANYTHING where the white font would show up, but I can't find how to do that either.

ALSO - I am not sure why the PRICE ($1.25) is coming in red (#980000) - I cannot find where to change that to either #ffa500 or "ffffff".

Thank you for your help.

Bryan · May 2018

Hello,
please simply use pasteboard.co or snag.gy to paste screenshots of what and where do you want to change and how would it look like.
Also send links to pages corresponding to those screenshots.
The first links leeds to a draft, which we cannot see.
thanks

KimberlyWritesCreative · May 2018

Here is the actual page https://billthebuffman.com/product/edgeless-paint-towels-16x16. As you can see, you cannot read the additional content because my website content font is white. I need to change it to black ("000000") ONLY in the WooCommerce accordion. Here is a screenshot of the two areas where I need help making changes (red arrows) at https://snag.gy/0m3Dd5.jpg. ALSO note the price is in red and I need it changed to "ffa500".

Bryan · May 2018

Use this css

table.shop_attributes p, table.shop_attributes {
	color:#000 !important;
}

KimberlyWritesCreative · May 2018

AWESOME - that fixed it in the accordion but you did not tell me how to change the last part: The price is in red (#980000) and I need it changed to "ffa500". None of my headings are in #980000 so I can't figure out where it is coming from.

Bryan · May 2018

The price color is taken from the theme color, in theme options>colors>content- theme color.

All the heading colors are taken from the theme options>colors>headings.

Change font color of content in accordion for WooCommerce pages

Comments