• Resolved Battlecat

    (@richardkrone)


    Hello:

    When I am logged into the Admin screen of WordPress my site’s fonts all display tiny and spaced incorrectly. This only occurs while working in the admin screen. Once I log out of the admin screen the fonts and spacing return to what they should be. This causes me to have to work with a private window while using the customizer in a regular window.

    This issue is on the latest Firefox, Chrome, and Edge. I do not test for IE11.

    Is there a way to keep the admin bar but disable its CSS fonts which are overriding mine when logged in as an editor or admin? I would prefer to do this without another plugin if it is possible.

    Thank you,
    BC

Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    This may be a plugin or theme conflict. Please attempt to disable all plugins, and use one of the default (Twenty*) themes. If the problem goes away, enable them one by one to identify the source of your troubles.

    If you can install plugins, install “Health Check”: https://wordpress.org/plugins/health-check/ On the troubleshooting tab, you can click the button to disable all plugins and change the theme for you, while you’re still logged in, without affecting normal visitors to your site. You can then use its admin bar menu to turn on/off plugins and themes one at a time.

    Thread Starter Battlecat

    (@richardkrone)

    Hello @sterndata

    Thank you for the reply. I can already guarantee it is a theme issue. The theme was created by a contractor and we are not permitted much leeway in changing it. From the NON-Logged in view it looks fine.

    The frustration is in that the WP Admin bar CSS and the site CSS conflict when logged in. Is there a way to disable the CSS for all or part of the WP admin bar without disabling the bar itself, as it is useful to have.

    Best,
    BC

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    So you want to make a change to WP core because your theme is incorrectly setting some CSS? Not a good idea.

    I’d look in the theme’s CSS to see what conflicts and then modify the theme’s CSS

    Thread Starter Battlecat

    (@richardkrone)

    Yes, I wish that was what I could do.

    I honestly figured there would be a switch that would tell WP to stop adding CSS to the Admin panel. But it sounds like there isn’t. It sounds like WP forces a particular theme for the Admin bar no matter what.

    Thanks for the help. I will continue to look into this issue.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    No, WP does not “force a theme”. The issue is that there’s a conflict between WP and your theme that should be addressed by the theme’s developer and should have been apparent when the dev tested the theme. Good luck with this. Sometimes finding a CSS conflict is easy, sometimes it just takes forever.

    Thread Starter Battlecat

    (@richardkrone)

    Hmm. Okay. Educate me here.

    You say “WP does not “force a theme”.” but this only occurs when the Admin bar is loaded. So whatever the issue is it only happens when WP adds an Admin bar and its associated CSS. Therefore WP does enforce its own theme and CSS.

    Or am I missing something here? Is my theme styling the WP Admin bar and not the other way around?

    Thank you,
    BC

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    There’s some CSS loaded from WP when the admin bar is visible. Some of that CSS causes an issue with your theme’s CSS. That’s what needs to be reconciled *in your theme*.

    Thread Starter Battlecat

    (@richardkrone)

    @sterndata I want to make this clear, this conversation has been helpful. Thank you.

    Since were not really allowed to touch the theme ATM I was hoping to remove/modify that little bit of CSS programmatically.

    As this issue only has an affect on the editors, there is push-back on messing with the visual theme itself. A small change here cascades into big changes over there kind of thing.

    This situation sometimes happens when the devs aren’t allowed to touch the front-end because the non-editor controller teams doesn’t see an issue as it doesn’t affect them.

    Thanks again!
    BC

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    If you can find it, use APPEARANCE -> CUSTOMIZE -> ADDITIONAL CSS to make modifications to the site’s CSS without touching your theme.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Admin Bar – Remove CSS Interference’ is closed to new replies.