WordPress.org

Ready to get started?Download WordPress

Forums

Sidebar Navigation rollovers... (1 post)

  1. Cycleswithin
    Member
    Posted 6 years ago #

    Hey,

    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 {
        display:block;
        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 {
        display:block;
        text-align:right;
        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