Jump to content

Change 'account' button in members area

By lgildea, in Customize with code

Go to solution Solved by Beyondspace,

Recommended Posts

lgildea Level 4

lgildea

Posted
Posted (edited)

Hello, I wonder if anyone can help me.

We are using a members area for a training platform, which is free to small businesses taking part in a food tourism programme. The navigation of the members area is set to be shown inside the customer account panel as we would like to keep the main website navigation visable. Some users are not very computer literate so we need it to be as simple as possible for them. Therefore would like to change the text on the button that says Account (when you are logged in), to instead say Training, so they can find the training navigation easier. Is this possible to do with code?

Thanks

Edited by lgildea
removing name
Link to comment
  • Replies 8
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

lgildea
lgildea

Apologies for the delay in getting back to you, this worked perfectly, thank you so much for your help!

paul2009
paul2009

The Custom CSS panel was moved. You can now find it in Website Tools. I wrote a quick guide here: Where is the Custom CSS panel?

Posted Images

Beyondspace Level 14

Beyondspace

Posted
Posted
22 hours ago, lgildea said:

Hello, I wonder if anyone can help me.

We are using a members area for a training platform, which is free to small businesses taking part in a food tourism programme. The navigation of the members area is set to be shown inside the customer account panel as we would like to keep the main website navigation visable. Some users are not very computer literate so we need it to be as simple as possible for them. Therefore would like to change the text on the button that says Account (when you are logged in), to instead say Training, so they can find the training navigation easier. Is this possible to do with code?

Thanks

Can you share the URL to the page for user to log in? I can take a look

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • Solution
Beyondspace Level 14

Beyondspace

Posted
  • Solution
Posted
10 hours ago, lgildea said:

The word/button I want to change is only visable when the user is already logged in. This is the site: https://www.tastewexford.ie/account/login

Is this what you need? Please let me know if not. Thank you

 

 

You can try adding to Home > Design > Custom Css 

.user-accounts-text-link.header-nav-item .auth {
  visibility: hidden;
  position: relative;
}

.user-accounts-text-link.header-nav-item .auth:after {
  content: 'Tranining';
  visibility: visible;
  position: absolute;
  left:50%;
  top: 50%;
  transform: translate(-50%,-50%)
}

Support me by pressing 👍  or marking as solution if this useful for you

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
Beyondspace Level 14

Beyondspace

Posted
Posted

My testing

image.thumb.png.db8715c2e1905e0cb87161a9e8bf295b.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • 2 weeks later...
  • 1 year later...
paul2009 Level 18

paul2009

Posted
Posted (edited)
On 1/11/2024 at 8:49 PM, victorlealpontes said:

This...doesn't exist anymore: Home > Design > Custom CSS

The Custom CSS panel was moved. You can now find it in Website Tools. I wrote a quick guide here: Where is the Custom CSS panel?

Edited by paul2009

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources