PDA

View Full Version : Adding Border to Navbar Dropdown Menu?


taylor_smith
01-17-2011, 02:10 PM
So I know how to add a border to the navbar, but I can't figure out how to add a border to the navbar dropdown menus. My template is a bit temperamental and I don't want to screw anything up. If it helps, I'm using vB4.0.

Would someone mind pointing me in the right direction?

Thanks!

Lynne
01-17-2011, 05:53 PM
Please post a link to your site and also an image of what you want to change.

taylor_smith
01-17-2011, 07:19 PM
Here's a link: http://www.carpediem.im/forum.php.

Here's an image:
https://vborg.vbsupport.ru/external/2011/01/23.jpg

I would like to add a border to the navbar drop-down menus.

Lynne
01-17-2011, 08:10 PM
Currently you have:
.navtabs .popupbody li { border-top: 1px solid transparent; float: none;}
.navtabs .popupbody { background: none repeat scroll 0 0 transparent; border: 1px solid transparent; width: auto;}
Change the color of the borders in both of those to black, or whatever color you want.

taylor_smith
01-17-2011, 08:34 PM
Thanks to you, our navbar drop-down menus now have borders. Thank you so much, Lynne!

--------------- Added 1295371872 at 1295371872 ---------------

Whoops, still have a problem. The background of the popupbody doesn't travel all the way to the borders. See the image below.

https://vborg.vbsupport.ru/external/2011/01/22.jpg

There are no margins/padding defined. I've tried adjusting the .navtabs .popupbody width to 100%, but this did not solve the issue. What am I doing wrong?

taylor_smith
01-19-2011, 10:19 PM
Afraid I still haven't figured this one out, but I'm open to ideas from your CSS gurus. :D

Lynne
01-20-2011, 03:50 AM
You have 2px of padding in the class .popupbody that is causing the issue.

taylor_smith
01-20-2011, 11:27 AM
You're a genius in my sight. Thank you, again, Lynne. :)

gakz
04-27-2011, 10:05 PM
Free bump to say thanks to Lynne!

This is a hard to find post and a very much needed fix in vbulletin in my opinion!