hover menu

  • pepperdeaf

    (@pepperdeaf)


    14 years ago

    I am working on a site at http://www.browncofair.com using the free BlueBubble theme. Things are going o.k., but I cannot figure out how to have my sidebar main menu hover with a block like the demo at http://mu.flexible7.com/bluebubble/

    My menu only hovers with the standard underline for all links. How do I get my menu to match the demo?

    Thank you in advance for any help. I am an amateur hack trying to help out a small town county fair.

Viewing 2 replies - 1 through 2 (of 2 total)
  • lee@digitalacorn

    (@leedigitalacorn)

    14 years ago

    bit of css…
    Add this to your style sheet. 

    .main-nav ul li {padding: 4px; width: 200px;}
.main-nav ul li:hover {background: #EEEEEE; cursor: pointer;}
.main-nav ul li a {color: #BBBBBB; width: 200px; height: 20px; display: block;}
.main-nav ul li a:hover {text-decoration: none;}

    something like that – I haven’t tested it but should work fine.

    PS. change the colour codes ‘#’ to anything you like.

    Lee.

    Thread Starter pepperdeaf

    (@pepperdeaf)

    14 years ago

    Thanks Lee! Perfect. Blessings. Dan.

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

The topic ‘hover menu’ is closed to new replies.