• Resolved sarahdc

    (@sarahdc)


    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

    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

    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)
  • 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.ww.wp.xz.cn/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

    (@sarahdc)

    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.

    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

    (@sarahdc)

    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.