sakeeley22 Posted November 28, 2022 Posted November 28, 2022 Hi, I'm working with a client https://www.veganfairs.co.uk/ and they would like to add unique content to the top of each category page. For example https://www.veganfairs.co.uk/upcoming-events?category=Frome will have its own content at the top of the page and https://www.veganfairs.co.uk/upcoming-events?category=Devizes will have its own unique content also. Is there a way to do this with custom css? When I'm adding it currently via the builder, it changes across all categories and the /upcoming-events page too. I've seen similar threads on this but nothing has helped so far. Thanks!
tuanphan Posted December 2, 2022 Posted December 2, 2022 Hi, This will requires script code & need a Business Plan or higher. Do you still need help? 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!)
sakeeley22 Posted December 12, 2022 Author Posted December 12, 2022 Hi @tuanphan, yes please! Could you provide an example of script code and where it would go?
Solution tuanphan Posted January 10, 2023 Solution Posted January 10, 2023 2 options to do this Option 1. Create a new page, use Summary Block to pull events from Event Page, then you can add any text block above event Option 2. Use Script code, each page will need a different code, with this page https://www.veganfairs.co.uk/upcoming-events?category=Devizes Add to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script src="https://d1j8mu9lowy9zf.cloudfront.net/twcsl/0.1d19/twcsl.js"></script> <script> var url = window.location.href; var lastPart = url.substr(url.lastIndexOf('/') + 1); if (lastPart === "category=Devizes") { document.querySelector('body').classList.add('devizes') } </script> <style> .devizes .sqs-events-collection-list:before { content: "enter description what you want"; display: block; margin-bottom: 30px; } </style> 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment