WordPress K2 – How To Move Title Text Up or Down


k2In the WordPress K2 Theme, the title text is automatically placed on the left hand side about halfway down the header. This works beautifully if you have the plain blue background that comes enabled by default with the K2 them, but can cause problems if you decide to use the custom header image option. This basically lets you use a picture as the header.

If the picture has light and dark colors that the title text will overlay on, you can find yourself in a situation where part of the title text is unreadable because the color of the text blends in with the color of the picture.

Another scenario could simply be that the text covers part of the image that you want visible.

In either case, you can move the K2 theme header text up or down by adjusting the value in the file below.

The file you need to edit is called core.css.php and is located in wp-content/themes/k2/css

You can edit the file using a simple text editor like notepad.exe in windows. Just make sure when you save the file, that you save it as core.css.php and not core.css.php.txt.

Search the file for the entry below. The Padding: 75px is the number that determines how far up or down the header the text appears. In this case it is set to push the header text down 75 pixels from the top of the header. I wanted to move the text higher up so I changed the value to 30px.

h1.blog-title {
 font-weight: bold;
 letter-spacing: -1px;
 padding: 75px 40px 0;
 }

Just to cover  your butt, make sure that you save a copy of the original file as a backup in case you blow up your site.


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.