Thesis 1.8 Navigation Bar - Uncapitalize

11 replies
  • WEB DESIGN
  • |
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
#bar #navigation #thesis #uncapitalize
  • Profile picture of the author RedTailScream
    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!
    {{ DiscussionBoard.errors[3950800].message }}
  • Profile picture of the author J.M.Wilson
    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
    {{ DiscussionBoard.errors[3955978].message }}
  • Profile picture of the author Karen Barr
    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!
    {{ DiscussionBoard.errors[3956132].message }}
  • Profile picture of the author SteveJohnson
    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.
    Signature

    The 2nd Amendment, 1789 - The Original Homeland Security.

    Gun control means never having to say, "I missed you."

    {{ DiscussionBoard.errors[3956289].message }}
    • Profile picture of the author gundammeister
      I'm trying these codes...but it's not working... I enabled the custom option too. any ideas?
      {{ DiscussionBoard.errors[5433851].message }}
  • Profile picture of the author J.M.Wilson
    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
    {{ DiscussionBoard.errors[3956360].message }}
  • Profile picture of the author ussher
    if you can provide a link to the site, then someone will be able to tell you the exact line to alter.
    Signature

    "Jamroom is a Profile Centric CMS system suitable as a development framework for building entire communities. Highly modular in concept. Suitable for enterprise level development teams or solo freelancers."

    - jamroom.net
    Download Jamroom free: Download
    {{ DiscussionBoard.errors[3959246].message }}
    • Profile picture of the author RedBoy
      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/
      {{ DiscussionBoard.errors[4516493].message }}
      • Profile picture of the author RedBoy
        Yes... I think this is the code that you're looking for:

        .custom .menu .tab a { text-transform:capitalize; }
        {{ DiscussionBoard.errors[4516502].message }}
  • Profile picture of the author olalinks
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[5434926].message }}
    • Profile picture of the author LucasT
      Did you ever figure it out? I'm stuck on the same issue.
      {{ DiscussionBoard.errors[5740121].message }}
      • Profile picture of the author MikeyUK
        Did anyone ever get to the bottom of this? I'm stuck with the same issue...
        {{ DiscussionBoard.errors[7722177].message }}

Trending Topics