Adding User Name to Homepage using CSS

Check this previous post out

I use the Profile Widget, and then add CSS code to the custom styles to accomplish this on our homepage. The widget has a series of options, we keep them all turned off.

I’ve added a phrase “Welcome to LIFT” (which is the name of our platform) followed by their full name. I hide the password reset, because we use SSO and I hide their picture.

Hope this helps!
 

* Modify profile widget */

/* Add "Welcome to LIFT," before Full Name */
.FullName::before {
    content: "Welcome to LIFT, ";
}
/* Hide the password reset option */
.myprofile-widget > div > div > div.widget-actions-container > widget-action-button:nth-child(1) > div {
    display: none !important;
}