WordPress.org

Ready to get started?Download WordPress

Forums

Very, very odd CSS sidebar issue (6 posts)

  1. ThorHammer
    Member
    Posted 4 years ago #

    One of my sites, http://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??

  2. ThorHammer
    Member
    Posted 4 years ago #

    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;}
  3. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    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

  4. ThorHammer
    Member
    Posted 4 years ago #

    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..!

  5. zeniph
    Member
    Posted 4 years ago #

    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.

  6. ThorHammer
    Member
    Posted 4 years ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags