michaelgiuliani Posted January 27, 2020 Share Posted January 27, 2020 I'm trying to invert the logo on all product pages. I've managed to do this on the Cart page, but don't know how to target it on the product pages. Does anybody have code for this? Link to comment
tuanphan Posted January 28, 2020 Share Posted January 28, 2020 Depends ss 7.0 or 7.1 try this class .collection-type-products.view-item or .collection-type-product.view-item if it doesn't work, can you provide link to product page? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
michaelgiuliani Posted January 28, 2020 Author Share Posted January 28, 2020 It's the white logo on this and the other product pages. https://www.timrossow.com/gallery/ruby-beach-with-driftwood-log Link to comment
tuanphan Posted January 29, 2020 Share Posted January 29, 2020 11 hours ago, michaelgiuliani said: It's the white logo on this and the other product pages. https://www.timrossow.com/gallery/ruby-beach-with-driftwood-log .collection-type-products.view-item .header-title-logo img { filter: invert(1); } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Rhianna Posted April 5, 2021 Share Posted April 5, 2021 Having trouble with this as well. Figured out how to change the store page logo but not the actual product details page. I'm on 7.1 This worked to invert BOTH the store logo and product details page logo (the above didn't work for me): <style> .header-title-logo { filter: invert(1); } </style> Any ideas here? https://willowbaystudio.com/studio-sale/p/pigment-trio Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.