XF 2.2 How can I hide/remove the User Title from Members View Profile Banners

[oO5 Dynasty]

Trying to hide this from the profile banner block on profile pages.

 

[briansol]

General approach:

use the f12 dev tools in your browser to INSPECT the element.

find the hierarchy, and use extra.css template to set it to display: none;

.memberHeader--withBanner .memberHeader-blurbContainer span {display:none}

should do it.

Now, be sure to check other pages as some css may be used on multiple pages, at which point you'd need to go and add a parent element at the beginning to differentiate it more

 

[Paul B]

Instead of adding a parent element, there's always the option of using this which guarantees it will only affect the named template:

[data-template="member_view"] { .memberHeader--withBanner .memberHeader-blurbContainer span {display:none} }

 

[oO5 Dynasty]

General approach:

use the f12 dev tools in your browser to INSPECT the element.

find the hierarchy, and use extra.css template to set it to display: none;

.memberHeader--withBanner .memberHeader-blurbContainer span {display:none}

should do it.

Now, be sure to check other pages as some css may be used on multiple pages, at which point you'd need to go and add a parent element at the beginning to differentiate it more

Thank You, I did try the inspection but didn't know to shorten the code to only focus on the span.
I still have a lot to learn lol.

 

[oO5 Dynasty]

Instead of adding a parent element, there's always the option of using this which guarantees it will only affect the named template:

[data-template="member_view"] { .memberHeader--withBanner .memberHeader-blurbContainer span {display:none} }

oh ok, I'll try this..... TY