Blue lines in Autofocus+ theme WordPress
- SOLVED
When pressing a key on the keyboard, blue lines appear. Please advise on how these lines can be removed.
Have a look at http://nordicdesign.ca/blog/2011/06/acne-jr/ and press any key.
Answers (2)
Dan | gteh answers:
open up your stylesheet and remove or comment out this:
this file: http://nordicdesign.ca/blog/wp-content/themes/autofocusplus/style.css
.gridsystem {background-image: url('img/grid.png'); background-position: top center; background-repeat: repeat-y;margin:0;padding:0}
change to
/*.gridsystem {background-image: url('img/grid.png'); background-position: top center; background-repeat: repeat-y;margin:0;padding:0}*/
or delete it completely
NordicDesign comments:
Hi,
Two questions:
- what does this line normally do?
- I made the change, and it does not work.... more ideas?
Thanks!
Dan | gteh comments:
I still see the line in your css
.gridsystem {background-image: url('img/grid.png'); background-position: top center; background-repeat: repeat-y;margin:0;padding:0}
You can safely delete that entire line of CSS code and it will stop that from happening.
That line is assigning a background image called img/grid.png and repeating it across the background. There is some javascript on your site that when a key is pressed, it is triggering that class and adding the .gridsystem class to your body tag.
NordicDesign comments:
I removed it now....
Dan | gteh comments:
Clear your cache now and everything should be fine. I've tested the site in a few different browsers now and the blue lines are no longer appearing.
NordicDesign comments:
It was the cache :-)
Thanks for the quick fix!
Dan | gteh comments:
great.. glad to help. Please vote when you get a chance :)
Duncan O'Neill answers:
If that doesn't work, validate your css;
[[LINK href="http://tinyurl.com/3ljf4hz"]]css errors[[/LINK]]
i.e. fix the css errors in the file already pointed to by gteh,
and the quirk will probably disappear.
best,