charliekransdorf Posted December 1, 2020 Share Posted December 1, 2020 (edited) i have buttons on my home/cover page in the "outline" style (flatiron-template). the font within the buttons changes to black during the hover over effect. is there a custom css code that allows me to change the color to something else during the hover? any advice/help would be appreciated Edited December 5, 2020 by charliekransdorf Link to comment
tuanphan Posted December 5, 2020 Share Posted December 5, 2020 Add to Cover Page Settings > Advanced > Header <style> .sqs-slice-buttons a:hover { color: green !important; } </style> IXStudio and charliekransdorf 2 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
charliekransdorf Posted December 5, 2020 Author Share Posted December 5, 2020 this worked perfectly. thank you. can this be made to work for the social media icon buttons as well? Link to comment
IXStudio Posted December 5, 2020 Share Posted December 5, 2020 Hi Use this code in Design -> Custom CSS .sqs-slide-wrapper[data-slide-type="cover-page"] .social-icons-style-border [data-slice-type="social-icons"] .icon-wrapper:hover .use-icon { background-color: white !important; /* change this */ fill: white !important; /* change this */ } .sqs-slide-wrapper[data-slide-type="cover-page"] .social-icons-style-border [data-slice-type="social-icons"] .icon-wrapper:hover { background-color: black !important; /* change this */ border-color:transparent !important; } Also, please check this FREE button styles. If you like it please let me know to help you to achieve it! Best, Leopold charliekransdorf 1 Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD Link to comment
charliekransdorf Posted December 5, 2020 Author Share Posted December 5, 2020 that worked great. thank you, much appreciated. IXStudio 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