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. :)
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!
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.