Profile Image Offset In Admin Bar When Viewing Site

[jrtc27]

If in your user profile setting you check the "Show Admin Bar >> When Viewing Site" option, your profile image in the top left of the bar when viewing the site (not the wp-admin area) is too far right and too low.

[nacin]

This is a conflict of the admin bar CSS with the CSS of your theme. We can possibly override it, but we'll need to know how your theme is styling it. Link?

[jrtc27]

The theme is Elegant Grunge (​http://wordpress.org/extend/themes/elegant-grunge) and the site is ​http://2squaredstudios.com/.

[nacin]

The theme has this CSS rule:

.avatar {
    float: left;
    margin: 0 10px 0 0 !important;
}

Specifically the important margin does this damage.

Adding an important declaration to the margin specified in #wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar > a img seems to do the trick. Not sure if we want to do that. (All of our CSS for the admin bar could probably be important.)

[jrtc27]

Replying to nacin:

The theme has this CSS rule:

.avatar {
    float: left;
    margin: 0 10px 0 0 !important;
}

Specifically the important margin does this damage.

Adding an important declaration to the margin specified in #wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar > a img seems to do the trick. Not sure if we want to do that. (All of our CSS for the admin bar could probably be important.)

Great, thanks. I am closing the ticket. I just added the !important declaration to the margin in #wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar > a img.

Thanks again,
James

[nacin]

Elegant Grunge is a supported WordPress.com theme, so I'm going to re-open this and assign it to one of the guys on the theme team there. They should then be able to update the theme in the WP.org repository depending on the agreement they have with the author.

[iandstewart]

We can email a patch to the author that fixes this issue but we can't update the theme on Extend. That's up to the original theme author.

The best place for issues with themes in Extend is the WordPress.org support forums.