Question

I am developing a blog. You can see it here if you want. While creating the “AppTec Team” area in the sidebar, I am having trouble. I want to create the text area as it is right now but I don’t understand why is it unclear? If you see the area you would find that the font looks blurred. I understand that I am using deprecated tags but I do not have another choice as where whould I put its css then?
The code I pasted in text widget is,

<p 
style="background-color:#8E1E03; 
text-align:center;
font-size: 16px;
font-family:Times New Roman;
color:white;">
<i>Fraz Awan</i></p>
<p     
style="
background-color:#171717;
text-align:center;
font-size: 16px;
font-family:Times New Roman;
color:white;"
> IT Guy </p>

I would be very thankful if someone could help me remove the blur in the text. Thanks

Answer 1

You have a text-shadow in .sidebar class which is causing it to look blurred.

Also, if you want the text-shadow for you heading change the CSS to .sidebar h4{text-shadow:1px 1px white;} and remove the text-shadow from .sidebar class.