Ciellumiere Posted March 28 Share Posted March 28 Hey, I am looking for a way to change the color of all elements within the text box on hover. I managed to change the color of individual elements but it's not exactly what I want, I want them all to change colour once I hover on the box background. In this case, I want the grey box with black text to change to the green background colour and white text on hover. Here is the website: polygon-moose-4jeh.squarespace.com Password: demo Thank you! Link to comment
Solution Jia Posted March 28 Solution Share Posted March 28 4 hours ago, Ciellumiere said: Hey, I am looking for a way to change the color of all elements within the text box on hover. I managed to change the color of individual elements but it's not exactly what I want, I want them all to change colour once I hover on the box background. In this case, I want the grey box with black text to change to the green background colour and white text on hover. Here is the website: polygon-moose-4jeh.squarespace.com Password: demo Thank you! Hi, try adding this to custom css: .sqs-block.html-block.sqs-block-html.sqs-background-enabled:hover { background-color: green; .sqsrte-text-color--accent, p { color:white; } } Please give this a 👍 if it helps. Make sure to quote me or tag me in your reply, otherwise I won't be notified. www.sevenstars.studio www.instagram.com/sevenstars.studio Link to comment
Ciellumiere Posted March 30 Author Share Posted March 30 On 3/28/2024 at 11:24 PM, Jia said: Hi, try adding this to custom css: .sqs-block.html-block.sqs-block-html.sqs-background-enabled:hover { background-color: green; .sqsrte-text-color--accent, p { color:white; } } Brilliant! works like a charm! thank you Jia 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