View Full Version : Text looks blury.
Iguana Goddess
07-07-2014, 01:59 AM
https://vborg.vbsupport.ru/external/2014/07/53.png
In the first red circle the text looks smooth. How do I make the 2nd circled text the same?
tbworld
07-07-2014, 02:08 AM
Use your browser's developer tools, for some discovery. I think you will find that the text is sitting on top of an image.
Iguana Goddess
07-07-2014, 02:15 AM
How would that be possible? The text sitting on an image.
tbworld
07-07-2014, 02:21 AM
How would that be possible? The text sitting on an image.
Modern day browsers (after netscape 4, 1996) will let you nest images and text. :)
I checked your site. See class ".forumhead", you have a gradient on that class.
The gradient is normal vBulletin, but you do not need it in your style design. It is most likely attached to a stylevar, since it is vBulletin.
Iguana Goddess
07-07-2014, 02:50 AM
Unless I am misunderstanding you, I removed the gradient and it didn't help the text. I put the gradient back.
tbworld
07-07-2014, 03:00 AM
Unless I am misunderstanding you, I removed the gradient and it didn't help the text. I put the gradient back.
You have a style that uses gradients and png's as backgrounds. In your case it is sitting on a few of them. This can do odd things to text as the pixels are merged. It could be something else, but I did not see anything in the CSS, except what I explained above.
Maybe someone else will have a better explanation for you. :)
--------------- Added 1404710724 at 1404710724 ---------------
For some reason you have text-shadow enabled. Remove it from the following class or overwrite the class disabling it.
.forumtitle, .threadtitle, .widget_post_header {
text-shadow: 1px 1px 1px #000000;
}
Iguana Goddess
07-07-2014, 04:01 PM
You have a style that uses gradients and png's as backgrounds. In your case it is sitting on a few of them. This can do odd things to text as the pixels are merged. It could be something else, but I did not see anything in the CSS, except what I explained above.
Maybe someone else will have a better explanation for you. :)
--------------- Added 1404710724 at 1404710724 ---------------
For some reason you have text-shadow enabled. Remove it from the following class or overwrite the class disabling it.
.forumtitle, .threadtitle, .widget_post_header {
text-shadow: 1px 1px 1px #000000;
}
How do I do this? I went through the stylevars several times and can't find anywhere that shadow is enabled. Sorry, my knowledge with coding is pretty limited.
tbworld
07-07-2014, 04:08 PM
How do I do this? I went through the stylevars several times and can't find anywhere that shadow is enabled. Sorry, my knowledge with coding is pretty limited.
Add this to the bottom of your additional.css template on that style.
.forumtitle, .threadtitle, .widget_post_header {
text-shadow: none !important;
}
:)
Iguana Goddess
07-07-2014, 04:38 PM
Add this to the bottom of your additional.css template on that style.
.forumtitle, .threadtitle, .widget_post_header {
text-shadow: none !important;
}
:)
Oh thank you so so so much for taking the time to help me :)
tbworld
07-08-2014, 09:13 PM
Glad I could assist. :)
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.