Opened 14 years ago
Closed 14 years ago
#15727 closed defect (bug) (fixed)
Theme CSS and admin bar list item conflicts
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | 3.1 | Priority: | normal |
Severity: | normal | Version: | 3.1 |
Component: | Administration | Keywords: | has-patch |
Focuses: | Cc: |
Description
Currently, if a theme adds CSS to basic ul
or li
elements, it might overwrite the admin bar. I can see this being a big issue with themes.
If looking at the attached screenshot, you will see a blue bullet and extra padding. This is caused by this CSS in a theme's style.css
file:
ul li { padding-left: 10px; background: url(images/bullet.png) no-repeat 0 11px; }
This only seems to mess with the top level of the menu.
I imagine issues like this will be fairly common. We just need to make the CSS for the admin bar more specific so that general CSS code like this doesn't cause conflicts.
Attachments (2)
Change History (6)
Note: See
TracTickets for help on using
tickets.
The problem being that the admin bar styles don't specifically set these values to 0/none, so even when the
#wpadminbar
ID is matched as the most important style for the bar it doesn't actually override. Patch attached worked in the following test placed at the bottom of Twenty Ten:Probably want to check there aren't any other styles that need to be overridden for #wpadminbar