Lowercase font on title of pages

roddrigooo · Member · Nov 1, 2014 at 5:03 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
hallluke · Member · Nov 1, 2014 at 5:25 pm
Copy link
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.
roddrigooo · Member · Nov 1, 2014 at 5:36 pm
Copy link
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.
roddrigooo · Member · Nov 1, 2014 at 7:05 pm
Copy link
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!
thesacredpath · Member · Nov 1, 2014 at 8:22 pm
Copy link
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
roddrigooo · Member · Nov 1, 2014 at 9:02 pm
Copy link
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.
thesacredpath · Member · Nov 2, 2014 at 12:50 am
Copy link
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;
}
```
roddrigooo · Member · Nov 2, 2014 at 1:34 am
Copy link
Perfect thesacredpath, It worked!
How about the size, is possible to adjust it to?

Thank you for your help!
thesacredpath · Member · Nov 2, 2014 at 4:04 am
Copy link
Yes, just add a font-size declaration like this:
```
h2.page-title {
    font-size: 2.4em !important;
    text-transform: none;
}
```
roddrigooo · Member · Nov 2, 2014 at 3:07 pm
Copy link
Thank you thesacredpath, it worked out perfect perfect!

Thank you so much for your help.

No items found.