Right now, I use the Twenty Fourteen theme on this WordPress blog and it works just great!
Like many other themes, while the default layout works good for majority of the blogs, there might be a thing or two that needs tweaking. For me, the post title capitalization was one such aspect.
Here is the CSS that displays the title. By default, it transforms the complete post title text to ‘ALL CAPITALS’ (uppercase).
.entry-title { font-size: 33px; font-weight: 300; line-height: 1.0909090909; margin-bottom: 12px; margin: 0 0 12px; text-transform: uppercase; }
You need to pick your preference and adjust the value for theย text-transform:
property here. These are the values available.
Value | Description |
---|---|
none | No capitalization. The text renders as it is. This is default |
capitalize | Transforms the first character of each word to uppercase |
uppercase | Transforms all characters to uppercase |
lowercase | Transforms all characters to lowercase |
inherit | Specifies that the value of the text-transform property should be inherited from the parent element |
Where to change this?
- If you have a child theme, edit style.css file in that theme. (or)
- In the Admin area, go to Appearance -> Edit CSS and paste the custom code with your preference. (or)
- [Not recommended] Edit the style.css of Twenty Fourteen theme directly.
Thanks for this, I have now titles i am proud of on my site http://ghoststorm.co.uk ๐
You’re welcome! ๐