WordPress.org

Ready to get started?Download WordPress

Forums

Wonky CSS - Blix Theme (5 posts)

  1. sweet_thing
    Member
    Posted 8 years ago #

    Greetings!

    I'm a newbie here and I just uploaded blix onto my hosting account and I've looked around the theme files a little bit. Oddlly enough my new website is a little wonky and I didn't do any altering in the files (I just looked) and the left hand column "links" doesn't look right (I'm viewing in IE), it looks like two of the yellow/green lable tabs are blended together and yet I don't see anything wrong in the css. My websites is:
    http://careerspaceezine.com/blog/

    This coding should be in the subcontent, correct?
    This is what is says:

    /* subcontent
    --------------------------------------------------*/
    #subcontent {background:url(images/spring_flavour/subcontent_bg.gif) top left no-repeat;}

    /* subcontent headings
    --------------------------------------------------*/
    #subcontent h2 {
    color:white;
    background:#A3C159 url(images/spring_flavour/corner_top_left.gif) top left no-repeat;
    }

    #subcontent h2 em {background:url(images/spring_flavour/corner_bottom_right.gif) bottom right no-repeat;}

    /* subcontent list
    --------------------------------------------------*/
    #subcontent ul li {border-bottom-color:#F0F0F0;}

    #subcontent li a:hover {background-color:#FFFBF0;}

    #subcontent ul.pages li {list-style-image:url(images/spring_flavour/post_yellow.gif);}

    #subcontent ul.categories li,
    #subcontent ul.months li {list-style-image:url(images/spring_flavour/categories_yellow.gif);}

    #subcontent ul.links li {list-style-image:url(images/spring_flavour/links_yellow.gif);}

    #subcontent ul.feeds li {list-style-image:url(images/spring_flavour/feeds_yellow.gif);}

    #subcontent ul.posts li {list-style-image:url(images/spring_flavour/post_yellow.gif);}

    #subcontent ul.categories li li {list-style-image:url(images/spring_flavour/sub_categories_yellow.gif);}

    **********************
    I hope it's ok to post semi-long code here. (I did use backticks according to the allowed tags note.) Let me know if it isn't.

    Thanks guys for your help!
    :-)

  2. sweet_thing
    Member
    Posted 8 years ago #

    Whoops, sorry one note to add: I investigated some more and it is that it looks ok when I open it in IE but if I hover over one of the links on the side (such as category)the double yellow/green gif for the "links" shows up as double sized. Is this a bug in IE? Or is it the code perhaps?

    Thanks!
    :-)

  3. egraham
    Member
    Posted 8 years ago #

    nothing looks wrong to me?

  4. Anne-Marie
    Member
    Posted 8 years ago #

    Okay download and installed the theme, didn't have the same troubles untill I removed my links..
    So I found a solution, just put a link in there and the double green tab will dissapear :)

  5. fenghenry
    Member
    Posted 8 years ago #

    /* subcontent
    --------------------------------------------------*/
    #subcontent {background:url(images/spring_flavour/subcontent_bg.gif) top left no-repeat;}

    /* subcontent headings
    --------------------------------------------------*/
    #subcontent h2 {
    color:white;
    background:#A3C159 url(images/spring_flavour/corner_top_left.gif) top left no-repeat;
    }

    #subcontent h2 em {background:url(images/spring_flavour/corner_bottom_right.gif) bottom right no-repeat;}

    /* subcontent list
    --------------------------------------------------*/
    #subcontent ul li {border-bottom-color:#F0F0F0;}

    #subcontent li a:hover {background-color:#FFFBF0;}

    #subcontent ul.pages li {list-style-image:url(images/spring_flavour/post_yellow.gif);}

    #subcontent ul.categories li,
    #subcontent ul.months li {list-style-image:url(images/spring_flavour/categories_yellow.gif);}

    #subcontent ul.links li {list-style-image:url(images/spring_flavour/links_yellow.gif);}

    #subcontent ul.feeds li {list-style-image:url(images/spring_flavour/feeds_yellow.gif);}

    #subcontent ul.posts li {list-style-image:url(images/spring_flavour/post_yellow.gif);}

    #subcontent ul.categories li li {list-style-image:url(images/spring_flavour/sub_categories_yellow.gif);}

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags