Hi @lakrueger,
Thanks for reaching out to us.
You can easily find this and add a translation for these with any translation plugins such as Loco Translate (Free/Paid), WPML (Paid), etc. Install any one of these plugins and find the string mentioned above and add the translation. You can refer to those plugins documentation[2] for more details. For your purpose, we recommend using Loco translate[1]. You can find many helpful guides[3] for adding translations for plugins with Loco translate.
Note: Please never choose the Author location when you add a new language using the Loco translate plugin for Team Pro and also never edit the template (original file).
If you don’t want to install a plugin for this or you only need to translate ‘All’ text. Then, you can use the below code for doing the same.
function awsm_team_pro_custom_translation( $translation, $text ) {
if ( $text === 'All' ) {
$translation = 'Tous';
}
return $translation;
}
add_filter( 'gettext_awsm-team-pro', 'awsm_team_pro_custom_translation', 10, 2 );
External Resources:
- https://ww.wp.xz.cn/plugins/loco-translate/
- https://localise.biz/wordpress/plugin/beginners
- https://zemez.io/wordpress/support/how-to/manage-plugins-translations-using-loco-translate-plugin-2/
- https://www.wpbeginner.com/plugins/how-to-easily-add-custom-code-in-wordpress-without-breaking-your-site/
Regards,
Vidya K V
Hello,
is there also a code for hide ‘all’?
That would be great!
Thanks in advance,
Verena
Hi @verenacorsini,
Please copy-paste the below CSS in the Theme Customizer.
.awsm-grid-wrapper .awsm-scale-anm.awsm-all {
display: none;
}
.awsm-grid-wrapper .awsm-scale-anm.awsm-10 {
display: block;
}
.awsm-filter-btn:first-child {
display: none;
}
.awsm-filter-btn[data-info="#all"].awsm-active-filter + span::after {
width: 100%;
left: 0;
opacity: 1;
}
Regards,
Vidya K V
Hi @vidyakv
The line in your code below stops my team members displaying entirely.
.awsm-grid-wrapper .awsm-scale-anm.awsm-all {
display: none;
}
The other three lines successfully removes the “all” tab but still displays all the members from all filters as the default when loading the page.
Is there a way to remove the “all” and also have it so that the first filter is the default or no filter at all shows when a user loads the page.
Thanks,
Rob
Hi @rob24n,
Could you please share with us the URL of your team page?
Regards,
Vidya K V
http://24nriyadh.com/juniors/
@vidyakv
I was planning on using the plugin to display 8 different programmes under seperate tabs using the list view. So I just need to remove the all tab.
-
This reply was modified 5 years, 2 months ago by
rob24n.
Hi @rob24n,
Please replace the CSS you had used to hide the ‘ALL’ button with the given below CSS.
.awsm-grid-wrapper .awsm-scale-anm.awsm-all {
display: none;
}
.awsm-grid-wrapper .awsm-scale-anm.awsm-61 {
display: block;
}
.awsm-filter-btn:first-child {
display: none;
}
.awsm-filter-btn[data-info="#all"].awsm-active-filter + span::after {
width: 100%;
left: 0;
opacity: 1;
}
Regards,
Vidya K V
Hi @vidyakv
When I enter that code it successfully does what I need for my list view however it unfortunately also removes my teams elsewhere on the site that use your drawer view.
Please help.
-
This reply was modified 5 years, 2 months ago by rob24n.
Hi @rob24n,
You have to use the team ID #awsm-team-4211 before the selector in the CSS line.
You can use the below CSS snippet
#awsm-team-4211 .awsm-grid-wrapper .awsm-scale-anm.awsm-all {
display: none;
}
#awsm-team-4211 .awsm-grid-wrapper .awsm-scale-anm.awsm-61 {
display: block;
}
#awsm-team-4211 .awsm-filter-btn:first-child {
display: none;
}
#awsm-team-4211 .awsm-filter-btn[data-info="#all"].awsm-active-filter + span::after {
width: 100%;
left: 0;
opacity: 1;
}
Regards,
Vidya K V
Hi Vidya,
It still shows the full list of team members when the page loads.
Thanks for your help so far.
-
This reply was modified 5 years, 2 months ago by rob24n.
Hi @rob24n,
The URL is password protected. You can share it privately by creating a support ticket on our website.
Regards,
Vidya K V
@vidyakv Password = juniors
Hi @rob24n,
Please replace all the CSS with the given below one.
#awsm-team-4211.awsm-grid-wrapper .awsm-all {
display: none;
}
#awsm-team-4211.awsm-grid-wrapper .awsm-61 {
display: block;
}
#awsm-team-4211 .awsm-filter-btn:first-child {
display: none;
}
#awsm-team-4211 .awsm-filter-btn[data-info="#all"].awsm-active-filter + span::after {
width: 100%;
left: 0;
opacity: 1;
}
Regards,
Vidya K V
