Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Menu styling help

  • Profile photo of illioo
    illioo
    Participant

    @illioo

    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)
  • Profile photo of @mercime
    @mercime
    Moderator

    @mercime

    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;
    }
    Profile photo of illioo
    illioo
    Participant

    @illioo

    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…

    Profile photo of illioo
    illioo
    Participant

    @illioo

    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… ;) … )

    Profile photo of @mercime
    @mercime
    Moderator

    @mercime

    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.

    Profile photo of illioo
    illioo
    Participant

    @illioo

    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.
Skip to toolbar