BuddyPress.org

I’m unable to reproduce this issue on a single install.
– registered using alex@test.com as username and alex as name (BP’s name field)
– on his profile, aside the header avatar i see @alextest-com

Any member links works as expected.

Tested also on MS. Trying to register alex@test.com brings the following error msg:
Usernames can only contain lowercase letters (a-z) and numbers.

Is correct too and expected for usernames on a MS install. (see #17904)

Do you use custom code, login or social plugin related to login ?
What is your theme ?
Have you tested with a Twenty theme and all plugins deactivated ?

See CSS file in bp-templates/bp-legacy/css/buddypress.css and copy it to your buddypress folder in the child.

BuddyPress Theme Development

@arifulalamtuhin,

you can do that via the language file or alter the text of those items directly in the activity template, via a child-theme.
Concerned file is in bp-templates/bp-legacy/buddypress/activity/index.php:72,91,108

No theme has a child theme. It’s to you to create one. That’s necessary if you whant to add custom style without loosing it at next update.

Sorry i don’t read chinese, but you’ll probably find some guidance on chinese WP codex
https://codex.wordpress.org/zh-cn:Main_Page

Not sure of your exact question but you can simply inspect the element in your browser and change the css there.

Then add to the style.css of your child theme

OK, lots of plugins. I am pretty sure it must be caused by one of the other plugins, but unfortunately we can’t get any more detailed information from this error.

Do you have a test site / development site for this? What you really need to do is switch to a default WordPress theme and see if the error message still shows up.

If it does, then you’ll need to start deactivating your plugins until you find which one causes the error to disappear when you turn it off. Once you have that, maybe someone can look at the code for that plugin and try to understand what’s happening.

An alternative is to add some debug code to print a more useful error message, but that’s something that should also only be done on a test/dev site.

You can inspect the element in your browser, and then add display:none !important;

Then add that to your style.css of your child theme

Yes i know that but it seems that the theme i user is note really respecting all BP standards i am afraid…

Stupid question, where can i found a list of all the elements of BP ?
example: “body.single-item.groups”
(i do not find it in the Documentation section)

Oui la vie est belle !

Olivier

/myaccount does no more exist ! BP doesn’t use such an item actually.
I’m unable to tell you from where the issue cames from (theme or plugin), but you can easily know it if you deactivate all your plugins except BP and test it with a Twenty theme.

Normally you wouldn’t see My Account – it’s no more used. See the above BP user menu, under Howdy to get an idea how it is actually.
When you reactivate Gameon and see the button, you’ll know it’s a theme issue. If not, you do the same thing with each plugin until you find the one who fires My Account.

It is also possible that you use some custom code related to BuddyNav or a cache system?

If you determine that it’s your theme, you have to contact it’s support and ask there. Unfortunately, it’s a premium one for which we can’t help you, as we have no access to it’s code. Also, was it recently updated, which can explain why that link stopped to work for you ?

The output of the My Account BuddyBar menu is deprecated since 2.1.

Can you please give details about your install ?

WP&BP version, theme and plugins list.

What is the url of My Account ?

Try this one which use CSS – and is working !

Add the snippet to child-theme’s functions.php

function replace_some_admin_menu_icons() {

// dashicons-performance = f311
// dashicons-smiley = f527
// adminmenu is the ul ID
// the second ID is the li
// div is where the icon goes
?>

<style type="text/css">

#adminmenu #toplevel_page_bp-activity div.wp-menu-image:before {
  content: '\f311';
}

#adminmenu #menu-posts-reply div.wp-menu-image:before {
  content: '\f527';
}
</style>

<?php } 
add_action( 'admin_head', 'replace_some_admin_menu_icons' );

Reference: WordPress Dashicons

No it’s not strange. It’s due to the fact that all BP “pages” have dynamic content.

– a BP page is just a sort of placeholder, it’s not an usual WP static page. There is no template for the page, but you have for each page different templates, depending the context.

– so it is very normal to have to declare styles separatly, for each context.

– by that, you have also much more flexibility to style quasi individually each content

– and finally, that’s why you can use almost any existing wp theme (respecting wp coding standarts) with BP.

Elle est pas belle la vie ?

Hi,
this can be done via a child-theme or with a function to add to bp-custom.php or child’s functions.php
See examples here: https://codex.buddypress.org/developer/navigation-api/

Hi,
have you done this ?

– create a new field
– enter Birthday as title
– give a description
– Under Type section, select date selector
– save

When you’re on a profile’s edit page, you should see
– title
– date selector (day, mounth, year)
– This field can be seen by:….
– the field description

If you highlight the whole and check his source code, you would see something like:

<fieldset class="datebox">

	<legend>Birthday</legend>

	<div class="input-options datebox-selects">		
		<label for="field_xx_day" class="bp-screen-reader-text">Select day</label>
		<select id="field_xx_day" name="field_xx_day">
			<option value="">----</option>
		<label for="field_xx_month" class="bp-screen-reader-text">Select month</label>
		<select id="field_xx_month" name="field_xx_month">
			<option value="">----</option>
		<label for="field_xx_year" class="bp-screen-reader-text">Select year</label>
		<select id="field_xx_year" name="field_xx_year">
			<option value="">----</option>
	</div>
</fieldset>

If you can read this code but don’t see it’s ouput on your theme, you have to find which CSS rule is handling the labels.

Could be a simple contrast issue or something omitted somewhere.
To get sure of this, try first with one of Twenty’s theme.

And if possible, answer the questions you already received from Paul and give some details about your install: used theme and plugins at least.

Why not making your member directory alphabetical by default ?
Add this to members-loop placed in /child-theme/buddypress/members/members-loop.php:22

<?php if ( bp_has_members( bp_ajax_querystring( 'members' ) . 'type=alphabetical' ) ) : ?>

Members Loop

Note:
– member must be approved (by validation mail or admin action) to appear in the list.
– default behave is that a new member only appear on directory after his first login.

This is confusing. Do we talk about group header image or site header image ?

The first post of the thread mention group header. You added yours saying “i have the same problem”.
It is not the same problem apparently !

As example, when i go to Lotus group, the group header image is in
<a id="header-cover-image" href=..../groups/lotus/"></a>

So i’m pretty sure my solution should work for the group header image.

Your custom-header-image is in a div, that’s right, but it is the general site header image.

You received an answer on your theme support, but i suggest you try it without the error:

The single group page
body.single-item.groups #custom-img-header

instead of (which is the group directory page)
body.directory.groups #custom-img-header

This one is working on my theme
body.single-item.groups img.header-img

it seams a little different in the theme i use (Mesocolum)

The siteinfo and custom-img-header are not in backgroud but normal div:

<div class="header-inner">
<div class="innerwrap">
<div id="siteinfo">
<h1 ><a href="http://www.xxxxxxxx.com/" title="Linkedbyroad" rel="home">Linkedbyroad</a></h1 ><p id="site-description">La communauté motorisée</p>
</div>
<!-- SITEINFO END -->
<div id="custom-img-header"><img src="http://www.xxxxxxxx.com/wp-content/uploads/2016/07/Image2-1200x300.jpg" alt="Linkedbyroad" /></div></div>
</div>

same source code in all pages, and same calculated CSS …