Left sidebar text white in IE7 but fine in other browsers

  • scott13

    (@scott13)


    14 years, 6 months ago

    I’m updating my site with ‘My Woodboard’ theme and have gotten bogged down with the left sidebar (.categories, .widgets). The text is coming up white in IE7, but is correct (#9A8766) in Firefox, Opera, Chrome, etc. However, the ‘h2’ and ‘a:hover ‘ colors are all working as planned.

    I can change the background color if necessary to enable the white text to become more visible, but I was hoping to keep the left sidebar color scheme as is and find a solution to the problem.

    Site link: http://daisyandgretchen.com

    Thanks for any help!

    Scott

    /*container */
    #container {width:1000px; background:#fff ;margin:20px auto 60px;padding-bottom:20px;border:1px solid #FFD785}
    #left-sidebar {width:185px;float:left;display:inline;padding:10px 0 10px 0px;margin:0 0 0 10px}
    #content {width:505px;float:left;display:inline;padding:10px 0 10px 0;margin-left:10px}
    #right-sidebar {width:290px;float:right;display:inline;padding:10px 0 10px 0}

    #gallery{width:490px;height:280px;background: #FCECB9}
    #twitter {width:186px;background:#faefca url(images/twitter-bg.jpg) no-repeat top left ; float:left;display:inline;padding-bottom:10px;margin-bottom:10px;}
    #twitter-inside {color:#9A8766;display:inline;float:left;font-family:Georgia;font-size:12px;font-style:italic;margin-left:15px;margin-top:60px;width:170px;}

    .twitter a {color:#9A8766;float:left;font-size:16px;margin-top:10px;padding-left:130px;display: inline;}
    .twitter a:hover {color:#87B537}
    .twitter-link {color:#8FC321}

    .categories {width:186px;background:#faefca url(images/widget-bg.jpg) no-repeat top left ; float:left;display:inline;padding-bottom:10px;margin-bottom:10px;font-size:12px}
    .categories h2 {font-size:14px;font-weight:bold;margin:15px 0 15px 30px;}
    .categories ul {list-style:url(images/bullet.png) outside;padding-left:15px;margin-left:20px;}
    .categories li {font-size: 12px;line-height: 14px;margin-bottom:5px;color: #9A8766;}
    .categories a {color:#9A8766}
    .categories a:hover {color:#87B537;}

    .widget {width:156px;background:#faefca url(images/widget-bg.jpg) no-repeat top left ; float:left;display:inline;padding:15px;margin-bottom:10px;font-size:12px}
    .widget h2 {font-size:14px;font-weight:bold;margin:0 0 15px 20px;}
    .widget ul {list-style:url(images/bullet.png) inside;padding-left:5px}
    .widget li {font-size:12px;line-height:14px;margin-bottom:5px}
    .widget a {color:#9A8766;text-decoration:none}
    .widget a:hover {color:#87B537;}

Viewing 2 replies - 1 through 2 (of 2 total)
  • iridiax

    (@iridiax)

    14 years, 6 months ago

    The “My Woodboard” theme has nasty spam links links in the footer (in the totally fake “credits” section). Get rid of them all. Finding WordPress themes through Google searches is a good way to end up with a spammed or hacked theme. Here is a much better place to find a theme:

    http://wordpress.org/extend/themes/

    For troubleshooting display problems, check your site with a code validator:

    http://validator.w3.org/

    Thread Starter scott13

    (@scott13)

    14 years, 6 months ago

    Awesome and thanks very much for the for the recommendations and warnings. Will definitely be changing…

    Scott

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Left sidebar text white in IE7 but fine in other browsers’ is closed to new replies.