How to: Change post title capitalization in Twenty Fourteen theme

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?

  1. If you have a child theme, edit style.css file in that theme. (or)
  2. In the Admin area, go to Appearance -> Edit CSS and paste the custom code with your preference. (or)
  3. [Not recommended] Edit the style.css of Twenty Fourteen theme directly.

2 Replies to “How to: Change post title capitalization in Twenty Fourteen theme”

Add a comment