WordPress.org

Ready to get started?Download WordPress

Forums

Left sidebar text white in IE7 but fine in other browsers (3 posts)

  1. scott13
    Member
    Posted 4 years 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;}

  2. iridiax
    Member
    Posted 4 years 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/

  3. scott13
    Member
    Posted 4 years ago #

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

    Scott

Topic Closed

This topic has been closed to new replies.

About this Topic