Topic: [Resolved] Menu styling help · BuddyPress.org

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

[Resolved] Menu styling help

illioo
Participant

@illioo

11 years, 5 months ago

Hi there.

I’m currently creating a child theme of the bp-default theme for my site, http://occupyeugene.net

I’m having some trouble with the menu styles; I would like to maintain the “tabbed” menu appearance of the bp-default theme. However, as you can see at http://testbp.org, the menu tabs are transparent and dark. Obviously, on my site, with a black header image, the tabs are invisible.

Can someone please tell me where these colors are controlled? Ultimately, I’d like to match the color of the tabs to the background color of drop-down items on the menu (as in bp-default: hover “Discussion” tab and see “Create a Topic” element).

And perhaps even, if it’s not too much to ask, I’d like the color of the tabs to change to the darker grey to match hovered elements in the lists underneath the tabs.

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

@mercime
Keymaster

@mercime

11 years, 5 months ago
Add this at the bottom of your theme’s style.css
```
#navigation #nav li a {
background: #333 none;
}
#navigation #nav li a:hover {
background: #222 none;
}
```
illioo
Participant

@illioo

11 years, 5 months ago

Hey thanks, I couldn’t find this post any more (I think there’s a problem with my activity/forums/topics pages here on buddypress.org…

illioo
Participant

@illioo

11 years, 5 months ago

Whoopie! Looks like that exactly did the trick… It seems there are no comparable lines in the default.css of bp-default, which could explain why I couldn’t find it. (Obviously don’t have enough ability with CSS to know what I’m doing… … )

@mercime
Keymaster

@mercime

11 years, 5 months ago

Actually the comparable line == #nav li a ==
I just added #navigation before that to add more weight to override style/s.
Marking this as resolved.

illioo
Participant

@illioo

11 years, 4 months ago

Thanks; I figured out also that I could just use “#nav li a”.

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

The topic ‘[Resolved] Menu styling help’ is closed to new replies.