Jane Posted September 1 Share Posted September 1 7.1 Concerning new Digital Products "login" navigation. I would like to change the color of the "login" link for Squarespace accounts in my client's menu. (This link is highlighted in yellow on the screenshot.) At the moment, we are using Memberstack for memberships, and SS for couses. We want to clearly distinguish between the two while we're temporarily juggling two login buttons. At this time, SS doesn't give us access to this link to change text or tweak in any way. Looking for help with CSS to change color on this link only. Thank you for your time considering this. Link to comment
Lesum Posted September 1 Share Posted September 1 Hi @Jane Did you want to display the login navigation as a button, or did you just want to change the text color? Please also let me know which color you'd like to use. Thanks! 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
Jane Posted September 1 Author Share Posted September 1 Just looking to change the color, at this point, although I do see how adding a button might have been a nice touch. Client likes the color change. Link to comment
Solution Lesum Posted September 1 Solution Share Posted September 1 @Jane Here's a code snippet you can try. You can also change the color code. a.user-accounts-text-link.header-nav-item span { color: #472c4c !important; } 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
Jane Posted September 1 Author Share Posted September 1 (edited) Thank you fo sending this. I cut and pasted it into Custom CSS. No change. (I guessed that maybe I didn't need "a." and tried without just to see.) Then tried original cut and paste in header code injection, but did not work there either. Obviously, I am very green when it comes to code. Can you imagine what I missed? Edited September 1 by Jane Link to comment
Lesum Posted September 1 Share Posted September 1 (edited) @Jane Can you try changing the color code "#472c4c" to the color you want to use? It should work, I tested it. Add the code under Custom CSS panel. Edited September 1 by Lesum 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
Jane Posted September 1 Author Share Posted September 1 Brilliant! Thank you so much! Do allow me to buy you a cup of coffee! Link to comment
Lesum Posted September 1 Share Posted September 1 @Jane Thank you! Please feel free to reach out if there're any coding related issues. 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