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

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

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

briansol

Well-known member
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;


Code:
.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
 

Brogan

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

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

oO5 Dynasty

Well-known member
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;


Code:
.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

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

Less:
[data-template="member_view"] { .memberHeader--withBanner .memberHeader-blurbContainer span {display:none} }
oh ok, I'll try this..... TY
 
Top