Topic: How can I change the style of ONLY the navigation bar on my groups profile page? [Resolved] · BuddyPress.org

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

How can I change the style of ONLY the navigation bar on my groups profile page? [Resolved]

@izzyian

Participant

10 years, 1 month ago
For example I thought this selector would work .home , because it appears to work but then the style leaves as soon as I click a new tab on the same page like the “Activity” tab for example?

An example of a piece of my code with the selector :
```
.home #object-nav {
  margin-bottom: 15px;
  margin: 15px;
  /* width: 100%; */
  overflow: hidden;
  border-radius: 5px;
  border-left: 1px solid #fa755d;
  border-top: 1px solid #fa755d;
  border-right: 1px solid #ce4b34;
  border-bottom: 1px solid #ce4b34;
  border-style: solid none none;
}
```
What selector do I use so the style stays even when someone clicks on a different tab on the same group page?

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

@hnla

Participant

10 years, 1 month ago

Groups or ‘Group’ have a series of unique body classes that ought to provide all the styling parent/antecedent hooks you might need. A single group has ‘.single-item’ ‘.groups’ common to all of a groups screens, then for individual component screens they will have their own class as in ‘group-members’ using a combination of these should let you style as you require – .single-item.groups {} should give you all screens. In 2.2 I’ve put a patch in to add the group name to the boddy class array so we should have that available too in future for easy group distinction.

@izzyian

Participant

10 years, 1 month ago

@hnla ,

1.) Thank you the above worked, but regarding having the current selected item remain highlighted I tried this .groups.single-item #object-nav ul .current , But it did not work? any recommendations?.

2.) What about for someones personal account? .my-account #object-nav is again only temporary and the styles leave when a new tab is clicked.

— Thank you for your help

@izzyian

Participant

10 years, 1 month ago

Forget answering the above questions , I figured it out thank you for helping me 🙂

@hnla

Participant

10 years, 1 month ago

🙂 closing as resolved then.

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

The topic ‘How can I change the style of ONLY the navigation bar on my groups profile page? [Resolved]’ is closed to new replies.