Help with customizing the wordpress menu widget

  • Resolved travismc

    (@travismc)


    14 years, 3 months ago

    Hey guys,

    I’ve currently got a wordpress site under development for a local eye care facility.

    I’m having a great deal of trouble styling the sidebar menu widget.

    Please look here:

    http://develop.donwrightdesigns.com/coley/

    as you can see, what I’m trying to accomplish is having menubg.jpg span all the way across the green background sidebar, for each individual menu item, and then on hover pull the menubgshadow.jpg image for that effect. Currently, The background images for each menu item vary in width because of some padding settings – I realize this is likely a CSS issue, but I was wondering if anyone who knows the wordpress menu widget styling very well could help or point me in the right direction.

    I tried setting the .widget-area a:link selector to the fixed width of the background image I’m using, but for whatever reason – that doesn’t seem to work, neither does setting the width to 100%.

    Could someone please help? Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • esmi

    (@esmi)

    14 years, 3 months ago

    .widget-area a {display:block;}

    Basic CSS.

    Thread Starter travismc

    (@travismc)

    14 years, 3 months ago

    Much appreciated, I can’t believe I missed that – still learning I suppose, anywho, I made that change and it got me 90% of what I wanted, except its as if there is some margin on the left that I can’t seem to get rid of, almost like there is left margin for the whole widget div – but after staring at my stylesheet for the past few hours I’m still at a loss, help??

    Thread Starter travismc

    (@travismc)

    14 years, 3 months ago

    I just figured it out, needed to remove the left margin in #main .widget-area ul ul

    Thanks, problem resolved.

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

The topic ‘Help with customizing the wordpress menu widget’ is closed to new replies.