Custom CSS for a specific product ID or product category ID

[kez]

I have several products and need to write custom CSS for a specific product ID. This is also the only product listed on that page. How can I specify that one specific product displays in according to the custom CSS without affecting other products?

I have several products, all from the same category, displaying with a category short tag in 2 different places each using a different display style. I need to make some CSS customizations to each. How do I specify each category’s display style so that it only affects that shortcake’s display and not the other style’s display (they are on different pages).

I couldn’t find anything about this in the documentation or by searching the forum.

[wzp]

Can that specific page, that lists that specific product; be isolated (not used) by other products? If so, you might be able to hand edit the page, using in-line CSS along with either the shortcode, or its PHP equivalent.

[kez]

That specific page is only used for that one product or category. I found a way to control most of what I need to do with CSS by specifying the page ID.

[Author]

Posts