Topic: Which CSS file control the avatar size and position? · BuddyPress.org

Skip to:: Content; Pages; Categories; Search; Top; Bottom

Which CSS file control the avatar size and position?

@fatucn

Participant

1 month, 1 week ago

I’d like to change the value of ‘width’ and ‘margin-top’ to change the size and position of avatar.
I can’t find the css file which define them.
I tried different themes, the avatar’s size and position are the same, So I think it is defined by plugin.

WordPress version: 6.7.1
BuddyPress version:14.3.3
A link to my site: https://www.fatu.cn/members/marine/

Viewing 2 replies - 1 through 2 (of 2 total)

@fatucn

Participant

1 month, 1 week ago

In case the picture in the post above can’t be loaded, I upload to a backup server:

@emaralive

Moderator

1 month, 1 week ago

Hi,

The CSS file that gets loaded depends on which template pack is in use, e.g. Legacy vs Nouveau. Additionally, styles (CSS) can be customized via a Child theme and, if a Classic theme is in use, via the Appearance > Customize > Additional CSS menu path within the wp-admin area. Thus, which CSS file gets loaded is irrelevant/moot.

Specific to Avatars, How to Customize BuddyPress Avatars With CSS has some info (Note: might be a tad outdated). There are other sources on wordpress.org that contain general info regarding custom CSS, e.g. from the Advanced Administration Handbook – Custom CSS in WordPress

Hopefully, this is enough information to get you started.

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.