yogacid Posted September 26 Share Posted September 26 Site URL: https://psygaia.org/microdosing-course Hi there, I recently found this custom css that adds a little arrow to the button, which is great. However, I am having issues with the colour of the arrow. I need the button to change colour, like the text in the button, so that when hovering, the arrow becomes black and we can see it. .sqs-block-button .sqs-button-element--primary:after { width: 20px; height: 15px; margin-left: 15px; background: url(https://static1.squarespace.com/static/5ba5e044b10f25cb908c506f/t/66de25785e74a84e10708c23/1725834616316/arrow_icon.png) center center no-repeat; filter: invert(1); background-size: contain; content: ""; vertical-align: middle; transition: ease-in-out all 0.2s; } Thanks! Link to comment
Solution tuanphan Posted September 28 Solution Share Posted September 28 You can use this extra code .sqs-block-button .sqs-button-element--primary:hover:after { filter: invert(0); } 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
yogacid Posted October 2 Author Share Posted October 2 On 9/28/2024 at 1:42 AM, tuanphan said: You can use this extra code .sqs-block-button .sqs-button-element--primary:hover:after { filter: invert(0); } Thanks so much! You are the best. 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