AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

[Solved] Suggestion: Don't use the CSS class in multiple places

2 Posts
2 Users
1 Reactions
978 Views
Posts: 37
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@philraymond)
Trusted Member
Joined: 6 years ago
[#12539]

I want to hide my members' group and join dates but not their member titles, but I can't do that because you use the same css class for all 3:

<div class="profile-stat-data-item">Group: Registered</div>
<div class="profile-stat-data-item">Joined: 2013-04-12</div>
<div class="profile-stat-data-item"><span class="wpf-member-title wpfrt" title="Rating Title">Active Member</span></div>

It would be nice if you had different classes on everything. That goes for other parts of the forum, too. Thanks!


1 Reply
Alvina
Posts: 1857
Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@alvina)
Member
Joined: 7 years ago

Hi @philraymond,

You can hide the elements by using the parent/child structure.

In your case, if you want to hide the group and join dates, you should use the following codes:

.profile-stat-data-item:first-of-type {
display: none !important;
}
.profile-stat-data-item:nth-of-type(2) {
display: none !important;
}

The CSS codes should be added it the Dashboard > Settings > Styles admin page "Custom CSS code" textarea.

Don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.


Share: