Jane Posted September 1, 2023 Posted September 1, 2023 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.
Lesum Posted September 1, 2023 Posted September 1, 2023 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?
Jane Posted September 1, 2023 Author Posted September 1, 2023 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.
Solution Lesum Posted September 1, 2023 Solution Posted September 1, 2023 @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?
Jane Posted September 1, 2023 Author Posted September 1, 2023 (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, 2023 by Jane
Lesum Posted September 1, 2023 Posted September 1, 2023 (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, 2023 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?
Jane Posted September 1, 2023 Author Posted September 1, 2023 Brilliant! Thank you so much! Do allow me to buy you a cup of coffee!
Lesum Posted September 1, 2023 Posted September 1, 2023 @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?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment