louisemcilroy Posted December 13, 2022 Share Posted December 13, 2022 Hey, My site is here www.louisemcilroy.com password: hello I'm trying to invert the colours when I hover over the social icons in the site header so the button colour turns to red (#FF0000) and the outline of the icon to pink (#FFEEEF) On top of that, I would like to duplicate those social links in my contacts page. At the moment the social links on my contact page are a different size and do not have the hover function. I tried to inject code from previous posts but they didn't seem to work. Any help would be appreciated! Thanks, Louise Link to comment
Solution Beyondspace Posted December 13, 2022 Solution Share Posted December 13, 2022 4 hours ago, louisemcilroy said: Hey, My site is here www.louisemcilroy.com password: hello I'm trying to invert the colours when I hover over the social icons in the site header so the button colour turns to red (#FF0000) and the outline of the icon to pink (#FFEEEF) On top of that, I would like to duplicate those social links in my contacts page. At the moment the social links on my contact page are a different size and do not have the hover function. I tried to inject code from previous posts but they didn't seem to work. Any help would be appreciated! Thanks, Louise You can try adding to Home > Design > Custom Css .header-actions-action.header-actions-action--social a:hover { background-color: red !important; } :not(.header--menu-open) .header-actions .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-solid, :not(.header--menu-open) .header-actions .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-outline:hover { box-shadow: 0px 0px 0px 1px #FFEEEF !important; } Support me by pressing 👍 or marking as solution if this useful for you Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
Beyondspace Posted December 13, 2022 Share Posted December 13, 2022 My testing Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
Beyondspace Posted December 14, 2022 Share Posted December 14, 2022 13 minutes ago, louisemcilroy said: Thank you! It works. And for the second question, is there a way to duplicate the social icons to the bottom of the contact page? Thanks again, Louise Have you tried using the social Links block? Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
louisemcilroy Posted December 14, 2022 Author Share Posted December 14, 2022 I don't see these blocks? Where can I find them? Thank you Link to comment
creedon Posted December 14, 2022 Share Posted December 14, 2022 Use the search function or use the scroll bar to find the block. Let us know how it goes. Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
louisemcilroy Posted December 15, 2022 Author Share Posted December 15, 2022 @Beyondspace Thank you for the code, it works. Do you also know what the code would be for mobile version as this is still black on hover. 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