New to the community? Start here

Add css to Buddypress page IDs

I want to apply css only to the buddypress settings page. Where can I find the buddypress page IDs? For example .page-id#avatar {display: none;}.

Wed, 2 Nov 2016 1:46:41
  • Kasia Swiderska
    • Support nomad

    Hello Schmirts,

    You can find proper class in body tag. Open source code of page you want to add CSS and search for <body – you will see there all classes that this page has.

    [attachments are only viewable by logged-in members]

    BuddyPress uses vitural pages so most of the time you will see .page-id-0 class, so you will need to use another class avaliable for that particular page.

    Also your css should look more like that

    .page-id #avatar {display: none;}

    with space between body class and id of the element you want to hide.

    kind regards,

    Kasia