I'd like to add some style to this drop-down.... rounded corners, space in between the sub-tabs and have the box fit the tabs tighter.  Thanks!

Views: 548

Reply to This

Replies to This Discussion

I've been looking for this as well.  Fingers crossed someone knows a method

Okay, so I just starting playing with code a few weeks ago...  I got this from code I found from soaringeagle on another forum, and adjusted it to this for my site...  before, it had shadows and all kinds of dicey stuff, anyhow, here you go...

#xg_navigation ul div.xg_subtab ul li a{border:1px solid #dbd4db!important;-moz-box-shadow:3px 4px 12px #dbd4db inset!important;-ms-box-shadow:3px 4px 12px #ccc inset!important;-o-box-shadow:3px 4px 12px #dbd4db inset!important;}

it's probably not the perfect code, but it's a start, and it works,  Change the color code (after the #) for what you need.  Also, make sure you choose all the colors you'd like in Appearance, Customize, Tab.

I hope someone will let me know how to round the corners and any other suggestions...

Awesome, thanks. I'm starting to figure this code out a bit.  Would you know how to decrease the width in the subtabs, so it hugs the word a bit better?


Here's what I'm using but yes, I'd like that right margin side to shrink in and *hug* the word as well.  Still looks a lot better.  Just adjust color and background subtab as needed.

#xg_navigation ul div.xg_subtab ul li a {color:#000000;background:#ffffff;border-radius: 10px}
#xg_navigation ul div.xg_subtab ul li a:hover {color:#000000;background:#ffffff;border-radius: 10px

Oops!  My code above is missing a } at the end of it.  Should read:

#xg_navigation ul div.xg_subtab ul li a {color:#000000;background:#ffffff;border-radius: 10px}
#xg_navigation ul div.xg_subtab ul li a:hover {color:#000000;background:#ffffff;border-radius: 10px}

try this edit the size at the bottom.

DIV#xg_navigation UL.xg_subtab{
  background-color: transparent!important;}
DIV#xg_navigation UL.xg_subtab a {
  text-align: center!important;
  margin: 0px!important;
  margin-bottom: 8px!important;
  padding: 0px!important;
  border: 1px solid #d2d2d2!important;
  border-radius: 5px 5px 5px 5px!important;
  -moz-border-radius: 5px 5px 5px 5px!important;;
  -webkit-border-radius: 5px 5px 5px 5px!important;

Did you try removing any recently-added code and see if it reverts back to normal?

Yep, it's the code.  It actually was a few codes back.  I wouldn't have thought that code would do that, but better I learn now than 20 more codes down the line.   Thanks

Oh really?  So very nice of them to let everyone know there's a problem out there...............#fail

thanks for this one. i've added it with only the slightest mod by making the drop downs 'container' transparent... i love it, so thanks!


you're welcome and your site looks awesome :-)

your sub tabs look great :-) awesome job Vladimir


What's Up With Ning 3.0?

Click here to share your thoughts on what features we should develop next! - Survey will close Friday, 4/25

Projects that the Ning 3.0 Team is currently working on: 

Articles - a new way of organizing longer content pieces. Released 4/16.

Activity Feed Updates - options for more content in the activity feed.

Forum Notifications - ability for members to opt into receiving notifications of new discussions in forums. Released 4/9. 

APIs - The ability to create new members and content programatically.

For more information on what's next, visit the Product Roadmap

Latest Activity

Mary Jane Peterson replied to Mary Jane Peterson's discussion 'Please help my admin stuff not working'
"Hi George Thank you so very much , your a star as always :) have a great weekend  "
35 seconds ago
Suzie Nielsen replied to Alexander's discussion 'Goodbye for now.'
"Alex, I am sorry to see you go, but I sure understand why....and I may be right behind you.  I…"
12 minutes ago
Anam replied to Phil McCluskey's discussion 'Introducing Email Notifications for Blogs and Forums'
"This issue still exists. Any update?"
1 hour ago
George H. Compton IV replied to Mary Jane Peterson's discussion 'Please help my admin stuff not working'
"Hello Mary, I just logged on to your network the dashboard and everything is working for me.I hope…"
1 hour ago

NC for Hire
Garfield Creator replied to D A Ritch's discussion 'API and SSO (single sign-on) question'
"This is one feature I have high interest in as it's one of the "What's up with Ning…"
1 hour ago
George H. Compton IV replied to Enrrico Torres's discussion 'Please help to create a slider'
"Hello again, I presume that It's your catch. It should look like this on a cell phone. Send…"
2 hours ago
Enrrico Torres replied to Enrrico Torres's discussion 'Please help to create a slider'
"Sorry George to trouble you again. please see below how it looks on my phone. The slider width is…"
3 hours ago
ComunidadFCB.com replied to ComunidadFCB.com's discussion 'No me deja dar de baja mi comunidad (Cancelarla)' in the group Ning Networks en español
"gracias Lorenzo, la verdad es que nos dolio mucho poder echar 14.500 miembros para poder seguir en…"
4 hours ago

© 2014   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service