Archived

This topic is now archived and is closed to further replies.

  • 0

Changing Dropdown Menu Background

Question

Posted · Report post

I needed to change the background of the items in the nav bar to transparent to let the background show through. Every time I try to change the background of the dropdown items...nothing changes. Which css elements do I need to edit (add to custom) to change that background?

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

Hey Robb are you using FireBug? It is the best way to ascertain the CSS rules you need.

Share this post


Link to post
Share on other sites

Posted · Report post

I am...but for this one it doesn't seem to be changing it. site link --> http://www.blogginglabs.com/ I am moving RobbSutton.com to this as soon as I am done hacking away.

Share this post


Link to post
Share on other sites

Posted · Report post

Have you tried: `#nav_row ul li a{background:transparent}` Thanks, Bryan

Share this post


Link to post
Share on other sites

Posted · Report post

I did and that keeps it white. I am using this currently but it also makes the dropdowns transparent and all you see is the shadow. #primary-nav ul.sf-menu, .sf-menu { background: #transparent; border: none; } #primary-nav ul.sf-menu a.sf-with-ul { background: #transparent; } menu-item menu-item-type-taxonomy { background: #transparent;} #primary-nav #nav_row { border-bottom:none; } #primary-nav ul li {background: none;}

Share this post


Link to post
Share on other sites

Posted · Report post

Looks like you got this covered? Looks great by the way.

Share this post


Link to post
Share on other sites