Plugin Contributor
royho
(@royho)
You don’t need to edit the WooCommerce CSS, just override the styles in your theme.
Aloha Royho
I’ve overridden the styles in my theme all over the place already, and none of those overrides affect the WooCommerce title text in the Product page’s “Product Short Description”. It’s huge, black, and jars with the other elements in the theme. Here’s the link: (http://www.friendlyaquaponics.com/product/commercial-aquaponics-custom-farm-design/).
I’m using Genesis, the child theme Metro Pro; I made a bunch of CSS edits in the child theme file to create the look and feel of my site. I am also using Genesis title toggle (by Bill Erickson) to turn off page and post titles so I can customize them in the html body text and get them to look right.
The Genesis title toggle plugin won’t turn off the WoodCommerce Product Name, which appears in the Product page’s “Product Short Description”. Barring being able to turn it off, I’d at least like to be able to use css in the appropriate file to edit the text size (it’s way too huge now), and colors (black jars with my site theme) of the product short description.
So, please, where is the WooCommerce file with the css that controls the Product Name text size and color, which appears in the Product page’s “Product Short Description”? I can find it if I need to, it will just take me a terribly long time to do so with my slow internet service.
Thank you, Aloha, Tim…………..
The woocommerce styles are in plugins/woocommerce/assets/css/ but its really not a good idea to edit them because any edits will be overwritten by WooCommerce updates.
Anyway, the black is coming from /metro-pro/style.css line 77.
Try this to change the the heading style:
body.gppro-custom h1 {color:#60c; font-size:26px}
I can’t see an override for h1 tags in your custom styles
and this to change the description text:
body.gppro-custom {color:#60c}
Consider validating all your css with this service:
http://jigsaw.w3.org/css-validator/
Your custom css validates, but there are other styles on the page with parse errors and these sometimes prevent succeeding styles form being read.
Thanks Lorro!!
I know about the “not a good idea”, but I record everything I’ve done and as a result it doesn’t take much time to apply the previous custom formatting to the upgrades.
Genesis, for all its good points, is a mess when it comes to css customizations. It holds some css customizations in the style.css file (the ones you edited in that file), some customizations in the wp-content/uploads/gppro/gppro-custom-1.css file (from Genesis Design Palette Pro), and some in Lala Land (these are customizations done with their “Customize” function; I’ve never bothered to find where it keeps its file).
Some of these override others, and some that you think SHOULD override others don’t. I’ve got it all documented so I could rewrite my customizations in my sleep without having to go through the learning curve again. So much for “easily customizable” child themes! I’m going to checkout out your css validator, thanks for the ref!
Anyway, thanks a TON! Aloha, Tim………..
