Admin bar blurred in Chrome and Firefox
-
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.
anyone? Any help? Thank you!
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/@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.
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.
You’re welcome
- The topic ‘Admin bar blurred in Chrome and Firefox’ is closed to new replies.