Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] How to style the buddybar

  • Avatar of teorourke
    teorourke
    Participant

    @teorourke

    So I’ve been wracking my brain on this one too. I’m trying to get the buddybar to match another menu I have. How would I begin to do this? I understand it’s done with css, but haven’t a clue where to get started. I tried already using the dev tools in chrome, but came out with next to nothing. Any ideas?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    site url?

    Avatar of teorourke
    teorourke
    Participant

    @teorourke

    [removed]

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Can’t see any adminbar. If you want assistance, please provide a test user login info.

    Re: ” I’m trying to get the buddybar to match another menu “
    Which menu are you trying to match with buddybar?

    Avatar of teorourke
    teorourke
    Participant

    @teorourke

    I’m trying to match the buddybar to match with the mainmenu. I’ve set up the test account

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    You just need to apply the styles from #megamenu to `body div#wp-admin-bar .padder` to start off and copy over the block_top.png from megamenu to your theme’s /images/ folder
    `body div#wp-admin-bar .padder {
    border: 1px solid #000000;
    border-bottom: none;
    background-color: #333333 !important;
    background: #333 url(images/black_top.png) top left repeat-x;
    background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#111111));
    background: -webkit-linear-gradient(top, #333333, #111111);
    background: -moz-linear-gradient(top, #333333, #111111);
    background: -ms-linear-gradient(top, #333333, #111111);
    background: -o-linear-gradient(top, #333333, #111111);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
    }`

    Avatar of teorourke
    teorourke
    Participant

    @teorourke

    That worked flawlessly! Thanks so much @mercime!

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    You’re welcome :-)

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

You must be logged in to reply to this topic.