Sidebar Navigation rollovers... (1 post)

  1. Cycleswithin
    Posted 8 years ago #


    I'm trying to achieve a similar effect of the rollovers on the right-hand sidebar on this here site: http://www.stefangoodchild.com/

    I know the code used:

    ul {
        list-style:none; // Gets rid of the li blobs
    ul li {
        margin-bottom:2px; // the gap between each block
        border:1px solid #yourBGcolor; // set this to whatever colour you want the blocks
    ul li a {
        text-decoration:none; // gets rid of the underline
        padding:0px 3px; // makes the spacing round the text neat
        background-color: #yourBgColour; // Set this to the same as above
        color: #yourTextColour; // Set this to an opposite color so the text shows up.
    ul li a:hover {
        background-color:#backgroundHighlightColour; // this is the colour the block goes when you roll over, i set it to the text color above
        color:#yourBgColour; // set this to the same as the background color above..  These two essentially reverse the color scheme on rollover.

    But have no idea how to slot this into style.css in the theme. I've tried slotting this stuff in or appending to the ones I think each refer to (eg. #sidebar ul... part in the stylesheet), but the funny thing is nothing happens. Even in frustration I remove bits of code but it has no effect. So as i'm a CSS newbie, where should this code go ?

Topic Closed

This topic has been closed to new replies.

About this Topic