Very, very odd CSS sidebar issue

  • One of my sites, https://www.gevinstguide.com, has some very irritating issues in the sidebar I use for the front page. Three dots and one line will simply not disappear. I have embedded all the css for this sidebar in the top of the sidebar, as you can see in the source. Although I have coded the list style to be none in every possible imaginable way, the dots are still there. And the extra line shouldn’t bee there at all. Please, any eagle eye capable of giving this a try??

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter ThorHammer

    (@thorhammer)

    Here is the CSS attatched to Sidebar3.

    #sidebar3 {float:right;width:250px;text-align:left;font-size:12px;border-left:1px solid;border-color:#ccc;margin:0 0 0 5px;padding:0 0 0 5px;}
#sidebar3 ul {font-family:Geneva, Arial, Helvetica, sans-serif;font-size:1em;color:#000;margin: 0;padding:5px;}
#sidebar3 ul form #searchform {text-align:center;margin:0;padding:15px 10px 10px;list-style:none;}
#sidebar3 li {list-style:none;}
#sidebar3 li sideblock {list-style:none}
#sidebar3 li sideblock form {list-style:none}
#sidebar3 ul li sideblock {list-style:none}
#sidebar3 li sideblock h2 {list-style:none;}
#sidebar3 li sideblock form {list-style:none;}
#sidebar3 ul li a:link, #sidebar3 ul li a:active,#sidebar3 ul li a:visited {text-decoration:underline;color:#0000ff;font-weight:bold;padding:0px;list-style:none;}
#sidebar3 ul li a:hover {text-decoration:underline;color:#ff0000;font-weight:bolder;list-style:none;}
#sidebar3 ul li {list-style:none;margin-bottom:15px;}
#sidebar3 ul ul li {padding:2px 0px 2px 15px;list-style:none;}
#sidebar3 ul ul ul li {padding:0 0 0 10px;list-style:none;}
#sidebar3 li sideblock p img {margin:0px;list-style:none;}
#sidebar3 li sideblock p {margin:0;padding:0 0 5px 15px;list-style:none;}
#sidebar3 a:hover {text-decoration:underline;color:#ff0000;font-weight:bolder;}
#sidebar3 a:link,a:active,a:visited {text-decoration:underline;color:#1a88c9;font-weight:bold;}
#sidebar3 h2 {font:bold 16px Geneva,Arial,Sans-Serif;color:#000;text-align:left;}
#sidebar3 ul table {width:250px;margin:0;}

.textwidget {float:right;width:250px;text-align:left;font-size:12px;border-left:1px solid;border-color:#ccc;margin:0 0 0 5px;padding:0 0 0 5px;}
.textwidget h2 {font-family:Geneva,Arial,Sans-Serif;font-size:16px;font-weight:bold;color:#000;text-align:left;}
.textwidget ul {font-family:Geneva,Arial,Helvetica,sans-serif;font-size:12px;color:#000;padding:5px;}
.textwidget li {list-style:none;}
.textwidget ul li{list-style:none;margin-bottom:15px;}
.textwidget ul ul li {padding:5px 0px 2px 15px;list-style:none;}
.textwidget ul ul ul li{padding:0 0 0 10px;list-style:none;}
.textwidget a:hover {text-decoration:underline;color:#ff0000;font-weight:bolder;}
.textwidget a:link,a:active,a:visited {text-decoration:underline;color:#0000ff;font-weight:normal;}

.widget h2 {font-family:Geneva,Arial,Sans-Serif;font-size:16px;font-weight:bold;color:#000;text-align:left;}
.widget ul {font-family:Geneva, Arial, Helvetica, sans-serif;font-size:1em;color:#000;margin: 0;padding:5px;}
.widget li {list-style: none;}
.widget ul li {list-style:none;margin-bottom:15px;}
.widget ul ul li {padding:5px 0px 2px 15px;list-style:none;}
.widget form, .widget ul form#searchform{list-style:none;}
.widget li sideblock{list-style:none;}
.widget li sideblock h2{list-style:none;}
.widget li sideblock form {list.style:none;}
.widget ul lisideblock{list-style:none;}
.widget ul ul li sideblock{list-style:none;}

    the line is a left border of .textwidget ( from an embedded style )

    either find what embeds the styles for .textwidget and change it there;
    or add this to style.css of your theme:
    .textwidget {border:none!important;}
    to force no border on textwidgets.

    no idea about the dots ; they seem to come from an embedded flash object

    Thread Starter ThorHammer

    (@thorhammer)

    Thank you alchymyth! I guess this is the longest sidebar CSS in the WP-history, I have to trim it down a bit.
    Regarding the dots: They continue to exist as a real mystery..!

    the dots are just uncancelled bullet list items

    from your code above change
    .widget ul lisideblock{list-style:none;}
    to
    li.sideblock{list-style:none;}

    The sidebar code is a bit of a mess really – your LIs aren’t inside ULs, nor are they within the .widget object that CSS has been writen to target.

    Thread Starter ThorHammer

    (@thorhammer)

    Thanks, zeniph, this solved the issue!
    Yes, you are right about the css mess. I was desperate trying to get rid of the dots. This code has to be trimmed down at least 80 percent!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Very, very odd CSS sidebar issue’ is closed to new replies.