[Resolved] How to style the buddybar
-
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?
-
site url?
[removed]
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?I’m trying to match the buddybar to match with the mainmenu. I’ve set up the test account
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);
}`That worked flawlessly! Thanks so much @mercime!
You’re welcome
- The topic ‘[Resolved] How to style the buddybar’ is closed to new replies.