Show login button on specific pages only

Arjuna · June 6

Hello all,

I would like to make the Login button in the top right hidden on all pages except this page and its subpages (the course page and the lesson pages):
https://www.yuryourultimaterelationship.com/the-course-in-life-mastery
Also I'm noticing that the Login button is a few pixels higher than the rest of the navigation buttons. How do I align them?
When the user logs in, "Login" changes to "Account". Is it possible to make it say "My Account" when someone is logged in?

Thanks!

tuanphan · June 8

#1. You can use this code to Website > Website Tools > Custom CSS

body.collection-6643f13abd7d63778df7f0e1 .user-accounts-link {
    display: none !important;
}

#2. You can use this CSS code

div.user-accounts-link {
    position: relative;
    top: 2px;
}

#3. Use this CSS code

span.auth {
    visibility: hidden;
}
span.auth:before {
    visibility: visible;
    content: "My Account";
}

Arjuna · June 9

Thank you, @tuanphan!

Recommended Posts