Best Answer

Hide 'change password' from profile panel widget

aswartz
Rank
Userlevel 5
Badge

Hi there,

Does anyone know if it is possible to hide the ‘Change my password’ link from the profile panel widget? It doesn’t seem to be an optional setting but is it possible through css?

 

Thanks,

Aimee

 

icon

Best answer by sgary 24 May 2022, 18:43

View original

13 replies

sigamoline
Rank
Userlevel 4

This is what I use:

 

/* hide the password reset option */

myprofile-widget > div > div > div.widget-actions-container > widget-action-button:nth-child(1) > div {

     display: none !important;

}

sgary
Rank
Userlevel 3

This is in Advanced Settings > Users > Prevent Users from changing their password. Doesn’t remove it from the login page if you’re using the Docebo login form for authentication though. Also if you’re a superadmin it seems like the option is always there, but your typical user and PU wouldn’t see it.

 

 

aswartz
Rank
Userlevel 5
Badge

Thank you to both. Both answers are useful but only Sigamoline’s does what I’m looking for which is to hide the link on the page widget. 

hlillibridge
Rank

I love this @sigamoline ! However, when I added the code I don’t see the changes. Could I be missing something? 

Holli
sigamoline
Rank
Userlevel 4

@hlillibridge 

The code removes the “Change Password” from the “My Profile” widget. My current profile widget now looks like:

versus

Does the code remove anything from your profile widget?

aswartz
Rank
Userlevel 5
Badge

The code works for me.

@sigamoline how did you get the extra text to appear around the user name? 

Thanks,

Aimee

sigamoline
Rank
Userlevel 4

@aswartz 

Here us the code to adjust profile widget height and to add the text:

//**Change My Profile Widget Height**/

.root.myprofile-fixed-height {min-height: 200px !important;}

/**customize my profile widget with text*/

.fullName::before { 

  content: "Hello, ";

}

.fullName::after { 

  content: " -  Welcome to *****University! "

;

}

 

sigamoline
Rank
Userlevel 4

@aswartz 

If you want to change the background of the profile widget you can use the following code. The url has to be for whatever image you want to use.

.profile {
background-size: cover; background-position: center center; background: url);
}

 

I like my background to be blue.

aswartz
Rank
Userlevel 5
Badge

@sigamoline 

I wanted to try the profile widget with an image as background but I’m having trouble getting it to work. This is my code below. Can you spot anything wrong with it? Thanks :-)

 

.profile {
background-size: cover; background-position: center center; background: https://cdn5.dcbstatic.com/files/g/r/grow_docebosaas_com/userfiles/13034/healiossymbols.png);
}

sigamoline
Rank
Userlevel 4

@aswartz That looks correct. The code used to work, but when I tried, it did not work for me either. I unfortunately do not know what changed.

aswartz
Rank
Userlevel 5
Badge

No worries, it’s not essential I was just playing with it. Thanks very much for your help.

sigamoline
Rank
Userlevel 4

@aswartz 

I finally got the background picture to work for the profile widget:

.profile {

background-size: cover; background-image: url("https://cdn5.dcbstatic.com/files/s/p/sprayingecs_docebosaas_com/userfiles/13499/mail145x145.png"); background-position: center center; 

}

 

aswartz
Rank
Userlevel 5
Badge

@sigamoline thanks so much!

Reply


Terms & ConditionsCookie settings