JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

HOW TO CHANGE STYLE , FORMAT AND COLOR OF MAIN TABS.

Hi Jen Social Team....!

suggest me how to change style , format and color of main tabs. Currently each word is in small letters on my network www.virtualians.pk . I want to change it in capital letter and also formate and style of it.

Suggest me how can I do it

Thanks

0 members favorited this

▶ Reply to This

Replies to This Discussion

Permalink Reply by JenSocial on February 15, 2013 at 2:09pm

I either missed this, or was too busy to answer. You've probably found the answer. For others, we can change the standard menu tab attributes via the Design Studio/Customize/Tabs.

In cases where we need to override the Ning Theme, as in your example: Change from small caps back to normal - - we have to write CSS and add to the Advanced CSS box. There are many CSS selectors involved to style menu tabs on Ning. It usually takes some unique CSS for each case, depending on your Ning Theme. I will show you how to change the small caps.

CHANGE MENU TAB TEXT CASE - NONE, UPPERCASE, LOWERCASE, AND CAPITALIZE

Change Ning Theme when small caps are implemented, to regular "case":
#xg_navigation ul li a {
    text-transform: none!important;
}

Change Text to all uppercase:
#xg_navigation ul li a {
    text-transform: uppercase!important;
}

Change Text to all lowercase:
#xg_navigation ul li a {
    text-transform: lowercase!important;
}

Change Text to first letter capitalized:
#xg_navigation ul li a {
text-transform: capitalize!important;
}