Molololol Posted October 30, 2023 Share Posted October 30, 2023 Hi there, I would like our announcement bar have two announcements with separate links, either as flashing alternations or as carousel slides that users can click through? Any help would be much appreciated! Thanks Link to comment
dwinnbrown Posted October 30, 2023 Share Posted October 30, 2023 Hey @Molololol Try pasting this into the code injection area: Let me know how that goes! <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/> <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <script> $(window).on("load", function() { $(".sqs-announcement-bar-text-inner").slick({ autoplay: true, arrows: false, autoplaySpeed: 3000 }); }); </script> <style> .sqs-announcement-bar-text-inner:not(.slick-initialized) p { font-size: 0; } </style> Frpe and tuanphan 1 1 Official Squarespace Expert | Founder @ Winn-Brown & Co. 👉 Get in Touch 📍 London, UK Link to comment
Molololol Posted October 30, 2023 Author Share Posted October 30, 2023 Hey thank you! When I pasted that into the header code injection bit it made the text disappear and the announcement bar thinner, should I add anything in there to make it not do that? Link to comment
dwinnbrown Posted October 30, 2023 Share Posted October 30, 2023 Can you share the link? If you go to the announcement bar settings you should also have each piece of text you want to display on it's own line by hitting 'return' on the keyboard tuanphan 1 Official Squarespace Expert | Founder @ Winn-Brown & Co. 👉 Get in Touch 📍 London, UK Link to comment
Molololol Posted October 30, 2023 Author Share Posted October 30, 2023 The link to the site? It's https://www.elisefriedman.co.uk/ Okay I'll do that too thanks! Link to comment
Molololol Posted October 30, 2023 Author Share Posted October 30, 2023 I can't see a change, I can see the text now when I increase the font size Link to comment
tuanphan Posted December 25, 2023 Share Posted December 25, 2023 Thank you @dwinnbrown I just tried on my site & it worked. On 10/30/2023 at 11:42 PM, Molololol said: I can't see a change, I can see the text now when I increase the font size Maybe you added all text to same line so it doesn't work, you try each text on different line Something like this 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
GeorgeIrwin Posted March 28 Share Posted March 28 Hey guys is there any update for this? When I paste in the CSS it says error on line 4 I'm after a sliding announcement bar with 2 different announcements. Currently they're sitting above or below each other. Is there a way to have them on the same line, sliding left and one then the other? Screenshot attached Link to comment
tuanphan Posted March 31 Share Posted March 31 On 3/28/2024 at 10:51 PM, GeorgeIrwin said: Hey guys is there any update for this? When I paste in the CSS it says error on line 4 I'm after a sliding announcement bar with 2 different announcements. Currently they're sitting above or below each other. Is there a way to have them on the same line, sliding left and one then the other? Screenshot attached You need to paste code to Code Injection Footer (DO NOT PASTE CODE TO CUSTOM CSS) 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