Blog title is messed up!

Can someone please look at my website in my signature. I have just installed my new layout which I have worked on for a few days. If you hover around the any blog post title you will see that a space occurs. How can I fix this? Should I send my template source code?

 

Looks like you have a background color on the links hover. Try setting it to transparent.

 

Find this part in your source code and remove the line in red:

.post h3 a:hover {
	[COLOR="Red"]background-color:#E6E6E6;[/COLOR]
	color:#3E3E3E;
}

Code (markup):

 

Note: doing this will give a warning in your CSS validation.

Changing the color to transparent however won't.

 

Excellent I didn't have that particular code in my template, but what I had is this:

.post h3 a:hover {
  background-color: $borderColor;
  color: $postTitleColor;
 }

Code (markup):

removed the background color and problem gone!

Thanks, reputation given!

 

I was able to save the template without any errors. Should I make corrections or is the new looking website okay now?

 

nah, it's only a warning in the validation. I just didn't know if you were going for validation or not, thought i'd mention it. Plus warnings don't really matter, just I don't like telling people the code is valid then if they check there comes up with warnings.