Title: Header title using 2 styles?
Last modified: August 21, 2016

---

# Header title using 2 styles?

 *  Resolved [sarahdc](https://wordpress.org/support/users/sarahdc/)
 * (@sarahdc)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/header-title-using-2-styles/)
 * Hello there:
 * I have begun working on a wordpress blog and had a question. I would like to 
   apply two styles to my header title but am unsure how to go about this. My blog
   is located at:
 * [http://www.squamriverstudios.com/blog](http://www.squamriverstudios.com/blog)
 * As you can see, my title is 01. SRS BLOG
 * What I am trying to achieve is for the “01.” to be one color and the “SRS BLOG”
   to be in another color. You can see an example of what I’m trying to do by looking
   here:
 * [http://www.squamriverstudios.com/main.html](http://www.squamriverstudios.com/main.html)
 * The title of that page is exactly what I’m trying to accomplish. The 01. is a
   light grey and the words Squam River Studios is black. Is this possible and if
   so, how? I’m assuming I would have to create a style for the .01 and then apply
   the two different styles to the header.php?
 * Thanks for any help you can provide.
 * Sarah

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [paulwpxp](https://wordpress.org/support/users/paulwp/)
 * (@paulwp)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/header-title-using-2-styles/#post-3945259)
 * There are a few things to consider.
 * Is the blog one gonna replace the main one, or it will be only a blog part ?
 * I ask because if you are trying to replicate the whole thing, Twentyeleven is
   a wrong choice, because it’s responsive, it won’t play well with the effect like
   your main siet. And Site Title is not page(entry) title.
 * But if you only want a blog as part of the site and only want to design it to
   kind of blend in with the main site, then just replace this line ( a copy over
   of `header.php` in child theme)
    [http://themes.trac.wordpress.org/browser/twentyeleven/1.5/header.php#L74](http://themes.trac.wordpress.org/browser/twentyeleven/1.5/header.php#L74)
 * with this
 *     ```
       <h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><span>01.</span> srs blog</a></span></h1>
       ```
   
 * and put this in child theme stylesheet.
 *     ```
       #site-title a { color: blue; text-transform: uppercase; }
       #site-title a span { color: red; }
       ```
   
 * On a separate note, your child theme stylesheet now is having a duplicate set
   of parent style in it, that’s wrong. There should contain only changes down under`
   @import` line, not the whole copy over of parent style.
 *  Thread Starter [sarahdc](https://wordpress.org/support/users/sarahdc/)
 * (@sarahdc)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/header-title-using-2-styles/#post-3945286)
 * Thanks very much for your assistance. That did exactly what I wanted. In answer
   to the items you brought up, I’m actually planning on using the loop to embed
   this into my website, rather than replicating the website. The goal is to put
   this inside a template page. Do you still feel that this is not a good choice?
   I am open to suggestions on how to proceed.
 * As far as the stylesheet goes, I just began and just copied everything over because
   there will obviously be a lot of changes to it over the course of this development.
   I will discard unnecessary replicated items. Is it wrong to go about that way?
   This is the first time I’ve done a child theme so it is a learning process.
 * Thank you very much for your help.
 *  [paulwpxp](https://wordpress.org/support/users/paulwp/)
 * (@paulwp)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/header-title-using-2-styles/#post-3945295)
 * It’s really up to you whether to integrate the blog into the main site. There
   are a few ways to do that but WP is good enough to do the whole thing together,
   so I see no reason why not have it together.
 * IMHO, the effect on your current site is not playing well with today web. With
   the rise of mobile and tablet, users swipe web page easily, easier than clicking
   on some buttons for the effect on the page.
 * Regarding the copy over of parent style, if you are certain on the amount of 
   modification, feel free to do so, but delete the `@import` line.
    1. With `@import` line, don’t include a copy over.
    2. With a copy over, don’t include `@import`.
 * If you decide to not use `@import`, when theme updates, you won’t get update 
   on `style.css`, so you have to manually check whether there is any changes in
   CSS that matters and make that changes yourself.
 *  Thread Starter [sarahdc](https://wordpress.org/support/users/sarahdc/)
 * (@sarahdc)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/header-title-using-2-styles/#post-3945297)
 * Thanks very much for your help..you are a star 🙂
 * Best,
    Sarah

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Header title using 2 styles?’ is closed to new replies.

 * 4 replies
 * 2 participants
 * Last reply from: [sarahdc](https://wordpress.org/support/users/sarahdc/)
 * Last activity: [12 years, 10 months ago](https://wordpress.org/support/topic/header-title-using-2-styles/#post-3945297)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics