WordPress.org

1. travismc
   Member
   Posted 5 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!

2. esmi
   Theme Diva & Forum Moderator
   Posted 5 months ago #

   .widget-area a {display:block;}

   Basic CSS.

3. travismc
   Member
   Posted 5 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??

4. travismc
   Member
   Posted 5 months ago #

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

   Thanks, problem resolved.

Reply

You must log in to post.