• If you look at my site you will notice about halfway down on the left side I have a widget area called Blogspot. On the right I have one called Blog.

    I cannot for the life of me figure out what is going on with the one on the left. As you see, it has two underline areas with it, and the font is blurry and messed up looking. The css I am using on it has the same definitions as the Blog area on the right.

    Any ideas OH GREAT MASTERS OF THE CODE?

    My site is here http://update318.com. View with Firefox to see trouble ( not sure if it is the same on all browsers. )

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter update318

    (@update318)

    Any help? I am so stuck and no idea why such a small problem seems to be owning me ! hehe

    Louisiana News and Blog are both in spans with class of “titleCatName”.
    However, Blogspot is an a tag soup collection of H3, span and cufon thingy. They’re definitely not all the same.

    If you like the other two then you probably want to adjust your theme to make it like them.

    This style in the CSS is giving the title an underline.

    h3.widgetbgTitle {
    	font-weight:bold;
    	text-transform:uppercase;
    	color:#262261;
    	padding-left:7px;
    	padding-top:3px;
    	padding-bottom:3px;
    	margin-bottom:5px;
    	background-color: #FFF;
    	text-decoration: underline; /* <--- this here is causing the problem */
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 11px;
    }

    Change that problem line to.

    text-decoration: none;

    And the mysterious line will disappear.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Weird double underline issue’ is closed to new replies.