champagnecoffee Posted September 13, 2023 Share Posted September 13, 2023 (edited) Hello I am hoping you can help me. I want all buttons on my website to have a transparent background with a thin outline box around the text. I want the outline and text on all buttons to be gold. I have achieved this but now I want to make some changes upon hover. I would like the text to go black AND the outline box to stay gold but also the background colour to fill gold on hover. I tried so many things such as: sqs-block-button-element:hover { border-color: #dcb05e !important; background-color: none !important; border: 2px solid #dcb05e !important; } and .primary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--primary:hover, .secondary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--secondary:hover, .tertiary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--tertiary:hover { background: #000 !important; color: #000 !important; Nothing is working. I am now stuck with a fully gold button when you hover and gold text (which you can't read!) I know the above code is outdated since I already made some progress. Pease help! Thanks 🙂 Edited September 14, 2023 by champagnecoffee I made some progress so needed to update Link to comment
Ziggy Posted September 13, 2023 Share Posted September 13, 2023 Can you share your website URL? champagnecoffee 1 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! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (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
champagnecoffee Posted September 14, 2023 Author Share Posted September 14, 2023 Yes it's: https://www.lamaralighting.com/ passcode: maria Thanks so much! Link to comment
Solution Web_Solutions Posted September 14, 2023 Solution Share Posted September 14, 2023 32 minutes ago, champagnecoffee said: Yes it's: https://www.lamaralighting.com/ passcode: maria Thanks so much! See the video Loom Message - 14 September 2023 (2).mp4 If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
champagnecoffee Posted September 18, 2023 Author Share Posted September 18, 2023 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