Modify the WordPress admin bar CSS?

June 23, 20233 Views

I want to remove how it adds 32px to the top of the HTML tag. It’s dumping it there with a STYLE tag right at the end with !important.

It’s damn impossible to override it, because there are no hooks or HTML and wordpress is setting it with like 5 css rules :/

Post Views: 3

2 comments

Anonymous says:

June 23, 2023 at 6:20 pm

What you are seeing is probably produced by _admin_bar_bump_cb().

From quick look at code it includes following instructions inline in WP_Admin_Bar class:

To remove the default padding styles from WordPress for the Toolbar, use the following code:

add_theme_support( 'admin-bar', array( 'callback' => '__return_false' ) );
Anonymous says:

June 23, 2023 at 6:20 pm
Check out David Walsh’s solution:
```
add_action('get_header', 'remove_admin_login_header');
function remove_admin_login_header() {
    remove_action('wp_head', '_admin_bar_bump_cb');
}
```
https://davidwalsh.name/remove-wordpress-admin-bar-css

This way you can still show the admin bar, but implement your own CSS!

Comments are closed.