Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Menu styling help

  • Avatar 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)
  • Avatar of @mercime
    @mercime
    Keymaster

    @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;
    }`

    Avatar 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…

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

    Avatar of @mercime
    @mercime
    Keymaster

    @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.

    Avatar 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)

You must be logged in to reply to this topic.