katie2203 Posted August 8, 2023 Share Posted August 8, 2023 Hey guys! Would anyone happen to know why on my events page on my website, are the buttons that say "more info" are black, but once the event has past (see a historic date at the bottom) do they turn green? https://harpenden.thewearecommunity.co.uk/local-events I would like them all to be green! The only coding I have used is the below, which changes the text "event info" to "more info" but does not effect the colour! <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function(){ $(".eventlist-button").html(function() { return $(this).html().replace("View Event", "More Info"); }); }); </script> Thanks so much! Katie Link to comment
Solution Ziggy Posted August 8, 2023 Solution Share Posted August 8, 2023 Try this Custom CSS: .eventlist a.eventlist-button { background-color:#62a38d; } Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
katie2203 Posted August 8, 2023 Author Share Posted August 8, 2023 You fixed it, thank you so much! 😄 Ziggy 1 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