Thesis 1.8 Navigation Bar

J.M.Wilson · 05-25-2011, 08:40 AM

Hey guys

I've asked this question in a few places and all replies so far have proved fruitless!

I'm wondering if anyone knows the correct code and where to place it exactly to ensure the text in the navigation menu of thesis 1.8 for wordpress changes from all UPPER CASE to lower case or only first letter capitalization?

Thanks in advance

JM

RedTailScream · 05-25-2011, 12:20 PM

Have you tried the style.css file? Use Firefox and download the plug-in called Firebug. It will show you the code and CSS assigned to any element. It's free, yet priceless!

J.M.Wilson · 05-26-2011, 08:39 AM

Hey

Thanks for the reply... far to technical for me I'm afraid! I was hoping someone would know of a simple hook or some code that I can add to make the damn nav bar appear uncaptilized hahaha!

Thanks a bunch for trying to help

Karen Barr · 05-26-2011, 09:02 AM

You need to add some custom css by the looks of things. This is from the main style.css file:
.menu a
{
text-transform: uppercase; /* from style.css*/

You need to change the "uppercase" to one of these instead:

capitalize (capitalizes first character of each word)
uppercase (capitalizes all characters of each word)
lowercase (uses small letters for all characters of each word)
none (the initial value)

However it does say with Thesis that you shouldn't alter the main style.css so I believe you need to edit the custom.css file which should be in
themes/thesis_18/custom/custom.css

Disclaimer: I don't have thesis installed so can't check on my own site. Back up your site before editing the css! I gleaned this information from this site:
The General Appearance of the Thesis Menu

Hope it helps!

SteveJohnson · 05-26-2011, 09:29 AM

Karen hit it on the head, mostly. In your custom.css file, add the following:

Code:

.custom #tab a { text-transform: none; }

Make sure you enable custom style in the Thesis options page.

J.M.Wilson · 05-26-2011, 09:40 AM

Hey Karen,

Thanks for that - I actually found that site a while back and haven't been successful with what it states! So frustrating!

Steve, again, thank you for helping! However, that didn't work either. I placed the code in the custom.css and I already having custom stylesheets enabled. I changed the "none" section to "capitalize" and "lowercase" and still nothing... it's starting to grind me down!

I've seen very few sites that have got the nav menu uncaptalized which tells me it is a fairly difficult job to get done! ARGHHHH!

Any other ideas?

Cheers

JM

ussher · 05-26-2011, 06:50 PM

if you can provide a link to the site, then someone will be able to tell you the exact line to alter.

RedBoy · 08-21-2011, 11:14 PM

This tutorial works for moving to lowercaps... I think if you combine the code there with the recommendations here you should be golden!

violetminded.com/thesis/decrypting-thesis-css-navigation-made-simple/

RedBoy · 08-21-2011, 11:17 PM

Yes... I think this is the code that you're looking for:

.custom .menu .tab a { text-transform:capitalize; }

gundammeister · 01-16-2012, 01:20 AM

I'm trying these codes...but it's not working... I enabled the custom option too. any ideas?

LucasT · 03-01-2012, 11:30 PM

Did you ever figure it out? I'm stuck on the same issue.

MikeyUK · 02-10-2013, 11:33 AM

Did anyone ever get to the bottom of this? I'm stuck with the same issue...

05-25-2011, 08:40 AM	#1
J.M.Wilson HyperActive Warrior War Room Member Join Date: Dec 2010 Location: United Kingdom/Canada Posts: 221 Thanks: 8 Thanked 38 Times in 27 Posts	Thesis 1.8 Navigation Bar - Uncapitalize Hey guys I've asked this question in a few places and all replies so far have proved fruitless! I'm wondering if anyone knows the correct code and where to place it exactly to ensure the text in the navigation menu of thesis 1.8 for wordpress changes from all UPPER CASE to lower case or only first letter capitalization? Thanks in advance JM
	Wedding Photographers Scotland Falkirk Wedding Photographer

05-25-2011, 12:20 PM	#2
RedTailScream Warrior Member Join Date: Nov 2009 Location: Southern California Posts: 19 Thanks: 0 Thanked 1 Time in 1 Post	Re: Thesis 1.8 Navigation Bar - Uncapitalize Have you tried the style.css file? Use Firefox and download the plug-in called Firebug. It will show you the code and CSS assigned to any element. It's free, yet priceless!

05-26-2011, 08:39 AM	#3
J.M.Wilson HyperActive Warrior War Room Member Join Date: Dec 2010 Location: United Kingdom/Canada Posts: 221 Thanks: 8 Thanked 38 Times in 27 Posts	Re: Thesis 1.8 Navigation Bar - Uncapitalize Hey Thanks for the reply... far to technical for me I'm afraid! I was hoping someone would know of a simple hook or some code that I can add to make the damn nav bar appear uncaptilized hahaha! Thanks a bunch for trying to help
	Wedding Photographers Scotland Falkirk Wedding Photographer

05-26-2011, 09:02 AM	#4
Karen Barr Your Awesome Teacher War Room Member Join Date: Apr 2011 Location: Derby, UK Posts: 365 Thanks: 30 Thanked 115 Times in 86 Posts Social Networking	Re: Thesis 1.8 Navigation Bar - Uncapitalize You need to add some custom css by the looks of things. This is from the main style.css file: .menu a { text-transform: uppercase; /* from style.css/ You need to change the "uppercase" to one of these instead: capitalize* (capitalizes first character of each word) uppercase (capitalizes all characters of each word) lowercase (uses small letters for all characters of each word) none (the initial value) However it does say with Thesis that you shouldn't alter the main style.css so I believe you need to edit the custom.css file which should be in themes/thesis_18/custom/custom.css Disclaimer: I don't have thesis installed so can't check on my own site. Back up your site before editing the css! I gleaned this information from this site: The General Appearance of the Thesis Menu Hope it helps!
	Karen's QuickFire Marketing Blog Think You've Seen Every Fiverr Trick? Think Again! This Secret Method Flips Fiverr On Its Head Until Money Falls Out Of Its Pockets - And Into Yours! SEO and Web Design in Derby, UK

05-26-2011, 09:29 AM	#5
SteveJohnson Senior Warrior Member War Room Member Join Date: Apr 2007 Location: Caldwell, Idaho, USA. Posts: 1,966 Thanks: 454 Thanked 1,066 Times in 685 Posts Social Networking Contact Info	Re: Thesis 1.8 Navigation Bar - Uncapitalize Karen hit it on the head, mostly. In your custom.css file, add the following: Code: .custom #tab a { text-transform: none; } Make sure you enable custom style in the Thesis options page.

05-26-2011, 09:40 AM	#6
J.M.Wilson HyperActive Warrior War Room Member Join Date: Dec 2010 Location: United Kingdom/Canada Posts: 221 Thanks: 8 Thanked 38 Times in 27 Posts	Re: Thesis 1.8 Navigation Bar - Uncapitalize Hey Karen, Thanks for that - I actually found that site a while back and haven't been successful with what it states! So frustrating! Steve, again, thank you for helping! However, that didn't work either. I placed the code in the custom.css and I already having custom stylesheets enabled. I changed the "none" section to "capitalize" and "lowercase" and still nothing... it's starting to grind me down! I've seen very few sites that have got the nav menu uncaptalized which tells me it is a fairly difficult job to get done! ARGHHHH! Any other ideas? Cheers JM
	Wedding Photographers Scotland Falkirk Wedding Photographer

05-26-2011, 06:50 PM	#7
ussher HyperActive Warrior War Room Member Join Date: Sep 2010 Location: Tokyo Posts: 299 Thanks: 24 Thanked 40 Times in 39 Posts Social Networking	Re: Thesis 1.8 Navigation Bar - Uncapitalize if you can provide a link to the site, then someone will be able to tell you the exact line to alter.
	* Earner.net - "Network for Jobs, Services, Files and Projects" * Apicos.com - "Jamroom Module Developer" * Solo-Developer.com - "Time, Client & Project Management"

08-21-2011, 11:14 PM	#8
RedBoy Warrior Member Join Date: Aug 2011 Posts: 2 Thanks: 0 Thanked 0 Times in 0 Posts	Re: Thesis 1.8 Navigation Bar - Uncapitalize This tutorial works for moving to lowercaps... I think if you combine the code there with the recommendations here you should be golden! violetminded.com/thesis/decrypting-thesis-css-navigation-made-simple/

08-21-2011, 11:17 PM	#9
RedBoy Warrior Member Join Date: Aug 2011 Posts: 2 Thanks: 0 Thanked 0 Times in 0 Posts	Re: Thesis 1.8 Navigation Bar - Uncapitalize Yes... I think this is the code that you're looking for: .custom .menu .tab a { text-transform:capitalize; }

01-16-2012, 01:20 AM	#10
gundammeister HyperActive Warrior War Room Member Join Date: Apr 2009 Posts: 276 Thanks: 18 Thanked 35 Times in 32 Posts	Re: Thesis 1.8 Navigation Bar - Uncapitalize I'm trying these codes...but it's not working... I enabled the custom option too. any ideas?

03-01-2012, 11:30 PM	#11
LucasT Active Warrior Join Date: Apr 2010 Posts: 68 Thanks: 28 Thanked 20 Times in 17 Posts	Re: Thesis 1.8 Navigation Bar - Uncapitalize Did you ever figure it out? I'm stuck on the same issue.

02-10-2013, 11:33 AM	#12
MikeyUK Warrior Member Registered Member Join Date: Jan 2013 Posts: 7 Thanks: 0 Thanked 0 Times in 0 Posts	Re: Thesis 1.8 Navigation Bar - Uncapitalize Did anyone ever get to the bottom of this? I'm stuck with the same issue...