jQueryHelp

Help with jQuery Mods and Hacks for your Ning Network!

Hi Fellow Ning 3.0 Creators!

I have tried to figure this out, and keep hitting a wall!  How can I change the group hub tab color? It's yellow below... the inactive tab is bright yellow and the active tab is white. Gah!

Thanks for your help!!

Heather

Views: 51

Reply to This

Replies to This Discussion

Hi Heather!

Welcome to our site; its good to have you here.

I went to your site but all I see at that spot on your Workshops page is the word "Workshops" in white which blends in with the background, so I had to hit ctrl-a to select all the text, and then I could see it.

I am thinking I need to be a member of your site to see that tab with the yellow background.  There should be a simple CSS mod to fix this but I'd need to be a member on your site to check for sure.  But as a guess, it should be something like this:

body.page-workshops .subnav li a:hover, body.page-groups .subnav li.subnav-current > a {

background-color: #8f8f8f!important;

}

body.page-workshops .subnav li a {

background-color: #afeeee!important;

}

Try that in your Custom CSS | Global CSS box in Design Studio and see if it helps.  If not, I'd have to join your site to look at it further.

Best wishes!

"TJ"

'TJ' is the Owner of jQueryHelp.
Please Visit http://YouTubeStars.com - Thanks!

I figured it out! Thank you!!

TJ @ jQueryHelp said:

Hi Heather!

Welcome to our site; its good to have you here.

I went to your site but all I see at that spot on your Workshops page is the word "Workshops" in white which blends in with the background, so I had to hit ctrl-a to select all the text, and then I could see it.

I am thinking I need to be a member of your site to see that tab with the yellow background.  There should be a simple CSS mod to fix this but I'd need to be a member on your site to check for sure.  But as a guess, it should be something like this:

body.page-workshops .subnav li a:hover, body.page-groups .subnav li.subnav-current > a {

background-color: #8f8f8f!important;

}

body.page-workshops .subnav li a {

background-color: #afeeee!important;

}

Try that in your Custom CSS | Global CSS box in Design Studio and see if it helps.  If not, I'd have to join your site to look at it further.

Best wishes!

"TJ"

'TJ' is the Owner of jQueryHelp.
Please Visit http://YouTubeStars.com - Thanks!

That's great to hear!

Wishing you and your site all the best!

'TJ' is the Owner of jQueryHelp.
Please Visit http://YouTubeStars.com - Thanks!

Reply to Discussion

RSS

Notifications

Temporarily Offline

Friends of Friends

© 2017   Created by TJ @ jQueryHelp.   Powered by

Badges  |  Report an Issue  |  Terms of Service

EOP
EOP2