Skip to:
Content
Pages
Categories
Search
Top
Bottom

Admin bar blurred in Chrome and Firefox

  • @opensourcelover

    Member

    I’m experiencing this blurriness issue with the admin bar. It happens with Chrome and Firefox 4 for logged in and logged out users both. Please see the pic below – Is this a CSS issue? Any help? I use BP default theme.

Viewing 7 replies - 1 through 7 (of 7 total)
  • @karmatosed

    Moderator

    What custom CSS have you added would be my first thoughts, however a link if you have one could help in seeing what’s going on.

    @opensourcelover

    Member

    anyone? Any help? Thank you!

    @pcwriter

    Participant

    @opensourcelover

    My first thought is that it’s a text-shadow causing the blur effect. As the adminbar is called via the footer, try adding the following to your CSS:
    `div#footer {text-shadow:none;}`

    BTW, you really should create a child-theme rather than using bp-default, otherwise any changes you make to the default theme will be lost when you upgrade Buddypress. See here to learn how:
    https://codex.buddypress.org/theme-development/building-a-buddypress-child-theme/

    @karmatosed

    Moderator

    @opensourcelover: If that doesn’t work what is suggested by @pcwriter my suggestion would be to look at what is causing your JavaScript error on your page. Using firebug I can see you have one. The first port of call I’d suggest would to turn off all plugins and widgets. This could explain the difference in browsers or at least be a good next thing to try if no CSS is different.

    I totally second and agree with @pcwriter about using a child theme. Only way forward if you are going to make changes like this.

    @hnla

    Participant

    It is an artifact of the text-shadow property on #footer.
    The only reason you are experiencing this issue th way you are cross browser is because of mal-formed markup which you are going to need to fix.

    `

    powered by punjabi community<a

    `
    Is Operas attempt to fix broken mal-formed markup and isn’t that great leading to the issue you are experiencing.
    The markup is hopelessly wrong and forces the browser to use it’s tag soup rendering engine to try and correct the broken DOM or at least build some semblance of a workable DOM structure, There never were any rules laid down to govern how browsers dealt with tag soup code as you can’t build a Standard and then account for non standard behavior therefore browsers interpret what was intended and try and correct FF 3 gets this pretty close to correct and closes the anchor and moves the closing footer, Opera makes a mess of it or can’t figure out what to do.

    What is causing this? Sadly can’t answer that and is where you will need a little coding experience to sort things out – it may well be the javascript error Tammie alluded to what is clear is that there is a huge amount of scripting taking place and a fair few markup errors too many really and is the inherent weakness in a 3rd party plugin based application.

    @opensourcelover

    Member

    Thank you all!

    @pcwriter – your CSS suggestion worked. I also updated footer as suggested by @hnla . I agree about upgrade issue. I will definitely create a child theme and add WP+BP credit links in the footer.

    Thanks again for help!

    @pcwriter

    Participant

    You’re welcome :-)

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Admin bar blurred in Chrome and Firefox’ is closed to new replies.
Skip to toolbar