Jump to content


Photo

Changing Dropdown Menu Background


This topic has been archived. This means that you cannot reply to this topic.
5 replies to this topic

#1 rsutton1223

rsutton1223

    Advanced Member

  • Members
  • PipPipPip
  • 31 posts

Posted 04 November 2010 - 07:22 PM

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?

#2 arpowers

arpowers

    Founder

  • Administrators
  • 3271 posts

Posted 04 November 2010 - 07:26 PM

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

#3 rsutton1223

rsutton1223

    Advanced Member

  • Members
  • PipPipPip
  • 31 posts

Posted 04 November 2010 - 07:35 PM

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.

#4 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 05 November 2010 - 03:43 AM

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

#5 rsutton1223

rsutton1223

    Advanced Member

  • Members
  • PipPipPip
  • 31 posts

Posted 05 November 2010 - 12:51 PM

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;}

#6 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 05 November 2010 - 06:55 PM

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