vBulletin Mods

The Official vBulletin Modifications Site
https://www.vbulletin.org/forum/showthread.php?t=312769

Text looks blury.
by Iguana Goddess
07 Jul 2014 04:59

https://www.vbulletin.org/forum/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 Jul 2014 05:08

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 Jul 2014 05:15

How would that be possible? The text sitting on an image.

tbworld 07 Jul 2014 05:21

Quote:

Originally Posted by Iguana Goddess (Post 2505647)
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 Jul 2014 05:50

Unless I am misunderstanding you, I removed the gradient and it didn't help the text. I put the gradient back.

tbworld 07 Jul 2014 06:00

Quote:

Originally Posted by Iguana Goddess (Post 2505649)
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 07 Jul 2014 at 06:25 ---------------

For some reason you have text-shadow enabled. Remove it from the following class or overwrite the class disabling it.


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


Iguana Goddess 07 Jul 2014 19:01

Quote:

Originally Posted by tbworld (Post 2505651)
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 07 Jul 2014 at 06:25 ---------------

For some reason you have text-shadow enabled. Remove it from the following class or overwrite the class disabling it.


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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 Jul 2014 19:08

Quote:

Originally Posted by Iguana Goddess (Post 2505729)
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.


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

:)

Iguana Goddess 07 Jul 2014 19:38

Quote:

Originally Posted by tbworld (Post 2505731)
Add this to the bottom of your additional.css template on that style.


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

:)

Oh thank you so so so much for taking the time to help me :)

tbworld 09 Jul 2014 00:13

Glad I could assist. :)


All times are GMT. The time now is 17:45.

Powered by vBulletin® Version 3.8.14
Copyright © 2020, MH Sub I, LLC dba vBulletin. All Rights Reserved. vBulletin® is a registered trademark of MH Sub I, LLC
Copyright ©2001 - , vbulletin.org. All rights reserved.