emilylami Posted February 23, 2023 Share Posted February 23, 2023 Hi there, I previously used code from this forum to re-order my categories because I'm on 7.0. I need to make another change but adding it to the CSS in the design section didn't work this time. This is what I tried - perhaps it's because I already have CSS in there that I need to delete? Any ideas would be appreciated. I want the shop to be - All / Smokeless Ritual Incense / Vibration Perfume Oils / Aromatherapy Eye-Pillows / Ritual Diffusers & Oils. Thank-you /* All */ .category-filter-item:nth-child(1) { order: 1; } /* Smokeless Ritual Incense */ .category-filter-item:nth-child(2) { order: 2; } /* Vibration Perfume Oils */ .category-filter-item:nth-child(5) { order: 3; } /* Aromatherapy Eye-Pillows */ .category-filter-item:nth-child(3) { order: 4; } /* Ritual Diffusers & Oils */ .category-filter-item:nth-child(4) { order: 5; } span.category-filter-delimiter.has-category { display: none; } Link to comment
tuanphan Posted February 27, 2023 Share Posted February 27, 2023 Hi, What is site url? We can tweak the code easier 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
emilylami Posted March 10, 2023 Author Share Posted March 10, 2023 Thank-you It's https://bodha.com/ Link to comment
Solution tuanphan Posted March 12, 2023 Solution Share Posted March 12, 2023 On 3/10/2023 at 7:13 AM, emilylami said: Thank-you It's https://bodha.com/ Don't remove any code in your current code Add to Design > Custom CSS /* All */ ul.ProductList-filter-list>li:nth-child(1) { order: 1 !important; } /* Smokeless */ ul.ProductList-filter-list>li:nth-child(4) { order: 2 !important; } /* Vibration */ ul.ProductList-filter-list>li:nth-child(5) { order: 3 !important; } /* Aroma */ ul.ProductList-filter-list>li:nth-child(2) { order: 4 !important; } /* Ritual */ ul.ProductList-filter-list>li:nth-child(3) { order: 5 !important; } 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment