Align Admin bar items

Posted in: Newspaper
Post count: 135

Hi there,

Please could you help align admin bar items to center.

Screenshot:- http://www.screencast.com/t/bfMNj3jIXmy8

Thanks!

Post count: 22421

Hi,
You can use this custom css to do it:

#wpadminbar .ab-top-secondary{
float:left!important;
}
.wp-admin-bar-root-default{
float:left!important:
}
.quicklinks{
display: table;
margin-left: auto!important;
margin-right: auto!important;
}

Thanks.

Post count: 135

Thank you Bogdan. I’ll check this tonight.

George.

Post count: 135

Hello,

I was away for a while – Back again now!

I tried your code but it turned out to be like in screenshot attached below:-

http://www.screencast.com/t/IGDFn011d

Kindly advice.

Post count: 22421

Please use this code instead:

#wpadminbar .ab-top-secondary{
float:left!important;
}
#wpadminbar ul{
float:left!important;
}
.quicklinks{
display: table;
margin-left: auto!important;
margin-right: auto!important;
}

Thanks.

Post count: 135

Thank you Bogdan. You’re always a star.

Few more minor CSS help:-

http://www.screencast.com/t/UEuNLBS1

i) At the moment, I see the options (Home, write, Logo etc.,) are top aligned. It needs to be middle aligned.

ii) CSS code to increase Font size and spacing. Also optimal spacing between the options.
I tried following:

#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon {
color: #000000;
font-size: 14px;
font-weight: 500;
}

Everything worked except two options(Home, write) is not getting updated. Please advice

iii) Search Icon is displayed in profile page( when username is clicked) but not getting displayed in menu when writing posts.

iv)Shuffle Menu Options.

I see options are in

  • tag.
    Is there a way to shuffle
  • tag options through CSS.

    Expected: Logo, Search, Home, Write, Avatar, Profile Name.

    Thanks!

  • Post count: 22421

    Hi George,
    1)
    .quicklinks{
    padding-top:10px!important;
    }

    2)
    #wpadminbar *{
    font: 500 14px/32px "Open Sans",sans-serif!important;
    }

    3)The search option was not meant to work in the back-end when writing posts.

    4) It cannot be done through css. You will have to edit the plugin files to change the order of the list. It will not be so easy as they are different containers.

    Post count: 135

    Thank you Bogdan. Please find below comments.

    i) CSS code worked as expected, thanks.

    ii) It did not work. The Home and Write option still looks the same. Rest all options looks good from admin view.

    iii) and iv) Ahh I understood now.

    Please help on second query alone.

    Thank you!

    Post count: 22421

    Hi,
    The code works only the difference is minimal. I increased the weight and size of the font (weight 600, size 24px) as an example: http://screencast.com/t/SEQ0NjjwExbe
    Thank you!

    Post count: 135

    Thanks mate. I’ll double check now.

    George.

    Viewing 10 posts - 1 through 10 (of 10 total)
    The forum ‘Newspaper’ is closed to new topics and replies.