Lowercase font on title of pages

  • Author
    Posts
  • #2118712

    roddrigooo
    Member

    As a default, Nishita Theme uses uppercase font on the title of any page you create.
    I would like to edit this, a make the page name written with uppercase only on the first letters of the words.

    Thank you!

    The blog I need help with is headhighclearsky.com.

    #2118809

    hallluke
    Member

    Add this to your custom CSS:

    #title h1 a {
      text-transform:capitalize;
    }

    Or try this if you want the same behaviour for the navigation menus too:

    #title h1 a,
    #nav,
    div.menu ul {
      text-transform:capitalize;
    }

    You also need to remove the first declaration you have currently as hiding the footer is against the WordPress.com terms of service and can get your site suspended. You can change the appearance as long as it is legible, but not hide or obscure it.

    #2118821

    roddrigooo
    Member

    Thank you hallluke.

    I have added that to my custom CCS, but it didn’t do anything.
    I have added a page called ‘Prints for Sale’. I would like that this tittle to be written like this: Prints for Sale, instead of what it is right now: PRINTS FOR SALE.
    Is is possible to change this?

    P.S. I have already made the footer visible, thank you for the tip.

    #2118856

    roddrigooo
    Member

    What I would like to change is how the word PRINTS FOR SALE is written when you go in. I would like to capitalize only the firsts letters.

    Is this possible?

    Thank you for your help!

    #2118893

    Hi there, revise the CSS selector from this
    #title h1 a
    to this
    #title h1 a, h2.page-title

    If you also want the menu items to be changed, then instead of the above, change the CSS selector to this
    #title h1 a, h2.page-title, .menu a

    #2118900

    roddrigooo
    Member

    Thank you @thesacredpath

    But I’m not if I am explaining myself what I want to do…

    Its like this: When you go to my blog, there is a page I created called ‘Prints for Sale’. You click on that and you go inside that page. Right now is empty, it only says ‘Coming very soon…’.
    The capitalised name of the page is what I want to change.
    I would like them be on lowercase.

    By default they are capitalised like this: PRINTS FOR SALE.
    I would like to change for this: Prints for Sale.

    How can I achieve this?

    Link: http://headhighclearsky.com/prints-for-sale-2/

    Thank you for your help.

    #2118935

    Add the following CSS. Note that there could well be other locations, such as blog posts, where you will still have all caps.

    h2.page-title {
        text-transform: none;
    }

    #2118936

    roddrigooo
    Member

    Perfect thesacredpath, It worked!
    How about the size, is possible to adjust it to?

    Thank you for your help!

    #2118940

    Yes, just add a font-size declaration like this:

    h2.page-title {
        font-size: 2.4em !important;
        text-transform: none;
    }

    #2118960

    roddrigooo
    Member

    Thank you thesacredpath, it worked out perfect perfect!

    Thank you so much for your help.

The topic ‘Lowercase font on title of pages’ is closed to new replies.