PartTwoDesign Posted September 20, 2021 Share Posted September 20, 2021 Site URL: https://sealion-aqua-6cgh.squarespace.com/ Password: PartTwoDesign 1 Social Media Icons I'd like these to change to orange on hover only - I've searched the forum but can't seem to find the right code. 2 Footer links Currently I have used the below css to make the links in my footer change to orange on rollover: /* footer links hover color */ footer.sections a:hover { color: #FD8355 !important; } However, I need to add code that prevents the button in the footer from being affected? 3 Buttons On that note, is there a way to define the hover colour on all buttons under a particular colour theme? TIA! Link to comment
tuanphan Posted September 24, 2021 Share Posted September 24, 2021 It looks like I send code to your email #1. You mean black icon or white background around icon? #2. Use this code /* footer links hover color */ footer.sections .html-block a:hover { color: #FD8355 !important; } #3. Button block only or button block, form button, add to cart button,...? 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
maboli Posted September 6, 2023 Share Posted September 6, 2023 The social link in the footer of my site isn't changing to the selected #ff95ff colour, any ideas why?https://bullfrog-dahlia-6e23.squarespace.com/services PW: FlourishAdmin23 Link to comment
Lesum Posted September 6, 2023 Share Posted September 6, 2023 (edited) @maboli You can try this code snippet to change the social link color on hover: use.sqs-use--icon:hover { fill: #ff95ff !important; } Edited September 6, 2023 by Lesum couper37 1 If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? 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