Current status of the Ning Platform is always available on the Ning Status Blog.

FORUM

NC for Hire

This question was asked a few weeks back with no satisfactory answer so I'm going to show you  how to make horizontal subtabs.

Simply copy and paste the following code into Advanced css box. 

 

/*SUBTABS Tweaks*/
div.xg_subtab ul, div.xg_subtab li {
float: left!important;
}
#xg_navigation ul div.xg_subtab {
width: auto;
}
/*SUBTABS Tweaks*/


Just use the following code If you want to change the background and font color of your preference. 

#xg_navigation ul div.xg_subtab ul li a {
color:white;
background: red;
}

Live Preview: http://www.ksnonline.org/

Preview:

You may want to contact me via my mail id bernardmax2@gmail.com if you want more than this tip.

Best Wishes

Bernard

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Replies

  • NC for Hire

    Hey Bernard,

    Nice tip, although in Firefox it looks like this:

    1064511376.jpeg?width=721Cheers

    SP

    • Hello Bernard and sweetpotato

      this will fix that problem in Firefox

      #xg_navigation ul div.xg_subtab ul li a span {
          margin-right: 0px !important;
          margin-left: 0px !important;
      }

      1064545259.jpeg

      1064545260.jpeg

      • NC for Hire

        Well, I did not check it in firefox before posting this tip. BTW, thank you SP and George.

        • you're welcome Bernard :) you have a great day

  • Hi Brian,

    Thanks for the explanation on creating the horizontal subTabs.  Now I have two questions.  I'm building my Ning Website.  This is my website.  www.womenEntrepreneursExchange.com.  

    1.  I want my page/tab navigation 2-horizontal to look like  this website.  http://mybbwo.com/.  This website uses an (image slider plugin, similar to yours, and a WordPress Plug-in) to for the "Featured Ad".    I can modify the font color/style.  I just need to know what the code is and where do I put it in Ning1064511383.png?width=721?

    2.  What image scroller plugin are you using?  Would you mind sharing the code.
    1064511388.png?width=721

      • I'm also interested in question 1. Looks really cool!

        Please share the code if its possible! 

  • thank Bernard Lama

    1064511359.jpeg

    www.fusarshinlay.net

  • hello Debbie :)

    this should do the trick :-) I know it's not horizontal its vertical but it's the best I could do LOL :-) you have a great day Debbie

    #xg_navigation ul div.xg_subtab ul li a span {
        border-right: 4px solid black!important;
        margin-right:-9px!important;}
    #xg_navigation ul div.xg_subtab a{
        background-color: transparent!important;}

    1064554176.jpeg?width=521

  • NC for Hire

    nice tip B~

This reply was deleted.

Announcements

 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

kostasgr updated their profile photo
4 hours ago
kostasgr replied to Ana Massien's discussion
Other possible future modules?
"you want a lot...... //---just these ?????"
4 hours ago
⚡JFarrow⌁ posted a discussion
Last Week I showed you thisAnother Time Saver: Use Advanced Search for Creating Location ButtonsBut…
8 hours ago
Ana Massien liked Ana Massien's discussion Other possible future modules?
yesterday
Ana Massien posted discussions
yesterday
kostasgr replied to kostasgr's discussion
problem SSL .....
"OK !! thank..... Anastasia !!"
yesterday
Ana Massien posted a discussion
Any ETA on when ning may get @mentions #hashtags support or embedded emoji at the comment or newsfe…
yesterday
Ana Massien replied to Anastasia_Ning_Support's discussion
NING is now available on Zapier
"It's done in the area where you name the "Key". Name the key, and a secret and the network consumer…"
yesterday
Anastasia_Ning_Support is now friends with kostasgr and Ana Massien
yesterday
Anastasia_Ning_Support replied to Katja Nys's discussion
Paid Access and Paid Memberships - Pricing and VAT
"Hello Katja!
There is a fixed 5% fee for each transaction you process via E-com, and also transacti…"
yesterday
Ana Massien updated their profile
yesterday
Anastasia_Ning_Support replied to kostasgr's discussion
problem SSL .....
"You are welcome! 
Sorry once again for the temporary issues. "
yesterday
More…

Meanwhile, you can check our social media channels