Custom Tagline in Blix Krieg
February 16th, 2007
One of the readers of this blog asked me how to add a custom tagline in Blix. The tagline is, of course, the words under the heading, so, for instance, in this case, the header has the name of this blog (www.utheguru.com) and then underneath, the tagline (‘where we believe you are the guru’).
For some reason the default blix theme doesn’t come with the ability to put the tagline there, so I’ve modified it on my version (and will add it to the production version shortly) to allow it to do so.
Here’s how to do it too..
Open your layout.css file, and find the following lines..
/* header
————————————————–*/
#header {
height:115px;
padding:0 0 0 18px;
}
#header h1 {
/*display:none; This will hide the text in your header */
padding-top:50px;
}
Found it? Right – now add the following right after…
#header h4 {
/*display:none; hides the text in your tagline */
font-size:1em; /* changes the size of your tagline */
}
Now that you’ve done that, it’s time to go across to the header.php file..
<!– header …………………………… –>
<div id=”header”>
<h1><a href=”<?php bloginfo(‘url’); ?>”><?php bloginfo(‘name’); ?></a></h1>
Add the following line after that code, and before the “</div> <!– /header –>” line
<h4><a href=”<?php bloginfo(‘url’); ?>”><?php bloginfo(‘description’); ?></a></h4>
That’s all!
You should now have a great new tagline for your WordPress Blix Krieg blog!
TheDuck
Entry Filed under: Wordpress Tutorials
If you found this page useful, consider linking to it.
Simply copy and paste the code below into your web site (Ctrl+C to copy)
It will look like this: Custom Tagline in Blix Krieg
7 Comments Add your own
1. Gordon | February 17th, 2007 at 10:51 am
Hey Duck,
Thanks for answering this question for me. You are the best!
2. Gordon | February 17th, 2007 at 11:40 am
There is a typo in the header.php. There is a missing start tag for h4.
">
3. DuckMan | February 17th, 2007 at 3:25 pm
Thanks for pointing that out Gordon – it’s now fixed folks.’
Duck
4. Susie J | February 20th, 2007 at 2:43 am
I created a new logo — shorter, so I will have room to do the steps here to put the google search bar on the left side in the header. I named it background-image:url(susiejblxgoo_bg.jpg);
I uploaded it into themes, blix/images, and changed the line in the spring flavor css to grab it — but it is still showing the original header. What step am I missing?
5. Susie J | February 20th, 2007 at 3:00 am
Hey, it did work. Now, I’m wondering do I need to delete the other header, from the images folder (it’s showing up behind the new one), and how do it get it to flush right?
6. Claire | August 11th, 2009 at 9:43 pm
I have edited the style sheet but how do I acces the header.php file to make the edits?
I’m just using regular WordPress with the CSS upgrade.
Thanks.
7. Chad | November 29th, 2009 at 4:26 am
Claire
You can’t edit PHP files if you’re using wordpress.com (even with the CSS upgrade)
Leave a Comment
Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
Trackback this post | Subscribe to the comments via RSS Feed