Menu Items - Don't Want ALL CAPS...

by npaige
17 replies
  • WEB DESIGN
  • |
Hi all,

How do I change my menu items (consisting of pages and categories) to NOT be all caps like they are? Mountain River Stream | Fabulous Outdoor Gear Reviews & Intimate Adventures [w/ Dr. Nicki]

I created them like I want them - first letter CAP, the rest lower case.

Thanks much,
Dr. Nicki
#caps #items #menu
  • Profile picture of the author David V
    Originally Posted by npaige View Post

    Hi all,

    How do I change my menu items (consisting of pages and categories) to NOT be all caps like they are? Mountain River Stream | Fabulous Outdoor Gear Reviews & Intimate Adventures [w/ Dr. Nicki]

    I created them like I want them - first letter CAP, the rest lower case.

    Thanks much,
    Dr. Nicki
    Go to your style.css (around line 186)
    and change this:
    Code:
    .topnav li a {
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    padding: 7px 13px 6px 13px;
    text-decoration: none;
    text-transform: uppercase;
    }
    To this:

    Code:
    .topnav li a {
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    padding: 7px 13px 6px 13px;
    text-decoration: none;
    text-transform: capitalize;
    }
    Note the last line "text-transform: capitalize;

    On a side note..... since I put "capitalize" in there, you no longer have to do it by hand, it will automatically capitalize the words in the menu.
    {{ DiscussionBoard.errors[7749113].message }}
    • Profile picture of the author npaige
      Perfect, David - thank you!

      Appreciate it...

      Originally Posted by David V View Post

      Go to your style.css (around line 186)
      and change this:
      Code:
      .topnav li a {
      font-size: 11px;
      font-weight: bold;
      line-height: 18px;
      padding: 7px 13px 6px 13px;
      text-decoration: none;
      text-transform: uppercase;
      }
      To this:

      Code:
      .topnav li a {
      font-size: 11px;
      font-weight: bold;
      line-height: 18px;
      padding: 7px 13px 6px 13px;
      text-decoration: none;
      text-transform: capitalize;
      }
      Note the last line "text-transform: capitalize;

      On a side note..... since I put "capitalize" in there, you no longer have to do it by hand, it will automatically capitalize the words in the menu.
      {{ DiscussionBoard.errors[7749137].message }}
    • Profile picture of the author TroublesomeTots
      question about capitals - what would you put in this line if you wanted all lowercase words in your menu? A friend was asking about this and I had no idea it could be done. Thanks!

      text-transform: capitalize;
      {{ DiscussionBoard.errors[7769541].message }}
      • Profile picture of the author David V
        Originally Posted by TroublesomeTots View Post

        question about capitals - what would you put in this line if you wanted all lowercase words in your menu? A friend was asking about this and I had no idea it could be done. Thanks!

        text-transform: capitalize;
        Just change it to "lowercase".
        Code:
        text-transform: lowercase;
        {{ DiscussionBoard.errors[7769627].message }}
        • Profile picture of the author TroublesomeTots
          Thanks so much!

          Originally Posted by David V View Post

          Just change it to "lowercase".
          Code:
          text-transform: lowercase;
          {{ DiscussionBoard.errors[7773523].message }}
          • Profile picture of the author rhinocl
            When you suggest that people change titles you should remind them to change permalinks too (in most cases). Easy way is to delete the last part after you've changed the title. If you leave it empty WP will replace it with the page or post title.
            {{ DiscussionBoard.errors[7773580].message }}
  • Profile picture of the author SmallBizWebsites
    May I suggest that you will do better in Google search if you re-think both the titles of every page and their meta descriptions?

    Presently, all of your page titles have "Mountain River Stream" in them, which is not considered good practice except for specific pages- Home, About, Contact. You have 69 characters to use to compose effective page titles- you should focus on this. Your meta descriptions are quite ineffective.

    You may benefit from reading what Google has to say on this:
    Site title and description - Webmaster Tools Help
    {{ DiscussionBoard.errors[7759588].message }}
    • Profile picture of the author npaige
      Thank you for pointing this out.
      I don't know why all my page titles have mountain river stream.
      I don't think I have gotten into the depth of creating each page yet, just got the outer structure up. I will read the article you posted.

      Thanks again.

      Originally Posted by SmallBizWebsites View Post

      May I suggest that you will do better in Google search if you re-think both the titles of every page and their meta descriptions?

      Presently, all of your page titles have "Mountain River Stream" in them, which is not considered good practice except for specific pages- Home, About, Contact. You have 69 characters to use to compose effective page titles- you should focus on this. Your meta descriptions are quite ineffective.

      You may benefit from reading what Google has to say on this:
      Site title and description - Webmaster Tools Help
      {{ DiscussionBoard.errors[7759677].message }}
    • Profile picture of the author npaige
      I don't quite understand what you are saying. I did watch the video in the link you referred to. Where are you seeing my page titles w/ mountain river stream in them?

      Thanks


      Originally Posted by SmallBizWebsites View Post

      May I suggest that you will do better in Google search if you re-think both the titles of every page and their meta descriptions?

      Presently, all of your page titles have "Mountain River Stream" in them, which is not considered good practice except for specific pages- Home, About, Contact. You have 69 characters to use to compose effective page titles- you should focus on this. Your meta descriptions are quite ineffective.

      You may benefit from reading what Google has to say on this:
      Site title and description - Webmaster Tools Help
      {{ DiscussionBoard.errors[7760659].message }}
    • Profile picture of the author Pixel Theory
      Originally Posted by SmallBizWebsites View Post

      May I suggest that you will do better in Google search if you re-think both the titles of every page and their meta descriptions?
      You can modify the title and meta description for each page through the WordPress dashboard. Go to Pages - All Pages and then click on each page, scroll down till you see boxes for "Title" and "Meta Description".

      The title for each page shows up if you mouse over a tab and the description appears on the Google search pages for each result, right below the title.
      {{ DiscussionBoard.errors[7761872].message }}
      • Profile picture of the author npaige
        Hmm, I don't see an area for title or meta on the edit page. On quick edit I do see a field for title and slug.

        Could this be because I have a specific template chosen. It is a custom template for a review site.

        I don't see mountain river stream anywhere in a title field.

        Originally Posted by Pixel Theory View Post

        You can modify the title and meta description for each page through the WordPress dashboard. Go to Pages - All Pages and then click on each page, scroll down till you see boxes for "Title" and "Meta Description".

        The title for each page shows up if you mouse over a tab and the description appears on the Google search pages for each result, right below the title.
        {{ DiscussionBoard.errors[7763914].message }}
      • Profile picture of the author Istvan Horvath
        Originally Posted by Pixel Theory View Post

        You can modify the title and meta description for each page through the WordPress dashboard. Go to Pages - All Pages and then click on each page, scroll down till you see boxes for "Title" and "Meta Description".
        Absolutely wrong...! You can NOT modify.

        In a default WP install there are NO such fields. They appear only when there are different seo plugins installed.
        Signature

        {{ DiscussionBoard.errors[7764029].message }}
  • Profile picture of the author David V
    Istvan is 100% correct.
    however....

    Your theme does have seo built-in, so if you want to adjust how the title tags are displayed you can do that under the "theme options".

    Your theme by default will grab the title of the post/page, which in your site is exactly what it's doing.

    You have the option activated (in theme options) to append the website name to the title tag.

    That's what Pixel Theory was talking about,
    although he was not accurate on how to change it. It's not a default WordPress option as Istvan pointed out.
    {{ DiscussionBoard.errors[7765334].message }}
    • Profile picture of the author Pixel Theory
      Oops I assumed too much, should have read the thread carefully. My bad!
      {{ DiscussionBoard.errors[7767093].message }}
    • Profile picture of the author npaige
      I enabled custom titles in the seo section. Did this do the trick? I don't get where to look to see how that changed it.

      Thank you!

      Originally Posted by David V View Post

      Istvan is 100% correct.
      however....

      Your theme does have seo built-in, so if you want to adjust how the title tags are displayed you can do that under the "theme options".

      Your theme by default will grab the title of the post/page, which in your site is exactly what it's doing.

      You have the option activated (in theme options) to append the website name to the title tag.

      That's what Pixel Theory was talking about,
      although he was not accurate on how to change it. It's not a default WordPress option as Istvan pointed out.
      {{ DiscussionBoard.errors[7770713].message }}
  • Profile picture of the author David V
    You can just hover over your browser tab and you'll see the title, or peak into the source code (right click mouse, view source) and look at the title meta tag near the top.
    {{ DiscussionBoard.errors[7770722].message }}
    • Profile picture of the author npaige
      Okay.. looks good to me! Thank you.

      Originally Posted by David V View Post

      You can just hover over your browser tab and you'll see the title, or peak into the source code (right click mouse, view source) and look at the title meta tag near the top.
      {{ DiscussionBoard.errors[7771129].message }}

Trending Topics