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

Luke Jones replied to Luke Jones's discussion 'Help'
"Ye I am :) I've tried all the options on google webmaster tools to let me verify my site,…"
34 minutes ago
Saurabh replied to Saurabh's discussion 'Title of a group home is not having group name'
"HI Crystal - Just wanted to know - has improved request filed for same.. There has been couple of…"
51 minutes ago

NC for Hire
Bernard Lama replied to Luke Jones's discussion 'Help'
"Are you talking about google webmaster tool that you are able to verify your site? "
2 hours ago

NC for Hire
Bernard Lama replied to Jeffrey Haskins's discussion 'Need a Link for page addition on manage pages'
"Yeah why not ...you can add a link next to any links on group pages. Just go to Group Options>…"
2 hours ago
Phillip Brunelle replied to Crystal Coleman's discussion 'Ning 3.0 Progress Update for March and Let's Hear Your Thoughts'
"I'm hoping a video section is included in Ning 3.0 because my network is taking a loss of…"
2 hours ago

NC for Hire
Bernard Lama replied to Dutchlabel's discussion 'Align images horizontally'
"Hi there, Did you try this ever?"
2 hours ago
Troy Marquis replied to Troy Marquis's discussion 'Ning Activity feeds Going CooCoo's'
"its not its the profile pic of the uploader showing instead of the pic"
5 hours ago

NC for Hire
JFarrow replied to Troy Marquis's discussion 'Ning Activity feeds Going CooCoo's'
"this looks more like milicious member...or spam activity by a member uploading the same photos over…"
5 hours ago

© 2014   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service