hudsonriver Posted January 30 Share Posted January 30 I am using the Hawley Template. How can I change the hover state color on each of the main portfolio links? Link to comment
Ziggy Posted January 30 Share Posted January 30 You should be able to do this in the Design -> Styles -> Colors menu. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
hudsonriver Posted January 30 Author Share Posted January 30 Unfortunately that doesn't seem to do it. That simply changes the color. If I want each word to change color as you hover over them. I have attached an image. Link to comment
Ziggy Posted January 31 Share Posted January 31 Can you share your website URL and what colour do you want the links to change to on hover? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
hudsonriver Posted February 1 Author Share Posted February 1 I figured out how to do this! // Navigation Line hover effect .header-nav-item::after { content: ''; background-color: #D3B54D; height: 1px; //thickness width: 0; display: block; margin-top: 1.5px !important; transform: scaleX(1); transition: width 2s ease; margin: 0 auto; } .header-nav-item:hover::after { width: 100%; } .header-nav-item--active a { background-image: none !important; } 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