how to put space between the title and sub title

  • Author
  • #385035


    Is there a way to get space between the header and subheader, or to reduce the size of the title font with this theme?

    I like the theme except for this one thing.

    The blog I need help with is


    Experience with CSS and the paid CSS upgrade is the main way.

    There is a trick that can be done with a text widget, but I’m never done it personally so I don’t have the code.



    Can you tell me what the trick is? Thanks.



    I thought it would show the page, since it asked me for that at the start.



    Perhaps it is something like this.

    <div style="color:red; font-size:3em; line-height:1.5em; position:absolute; left:.5em; top:0; background-color:white;">blog title</div>


    Yes, that will do the trick. You will have to play with the positioning (left and top values) and I would make the background color “transparent” so that you will not have a white box up there, but that should do the trick. You will also have to play with the font size.


    I would have gone looking but I just got off a 2 hour phone call.



    Thanks very much. I will try it tomorrow.


    You’re welcome.



    The text title goes to the first post title location, instead of in the header.. It disappears when moving it higher (top:-75). And the regular title is still there. Is the text title supposed to replace the blog title? And how do I get it to move into the header space?

    <div style="color:red;font-size:3em;line-height:1.5em;position:absolute;left:.85em;top:0;background-color:transparent;">Test</div>


    You would have to go to settings > general and delete the tagline from there.

    As to the rest of it, I’ll have to play with things for a while to get it figured out.



    Oh, so it’s the tagline that would move? Thanks for checking it out.


    I’m afraid I’ve bumped up against the limits of my CSS skills as I’ve not been able to get the text from the text widget to display on top of the header section even with a positive z-index value. I thought that would take care of it.

    Unless devblog sees this I’m not sure who else could figure it out.



    I’m sorry… I’m a bit confused….

    Does John want to remove the green tag line and add a new one using a text widget or just add a space in between:

    Niña Toastmasters Club 80


    Welcome to Niña Toastmasters Club – You are invited to be a guest, and to bring a guest



    I see now. He doesn’t have the CSS upgrade… thus the text widget thing.

    gimme a few minutes


    He doesn’t have the CSS upgrade, so ultimately he wants to add space between the tagline and title. If that can be done with text widget trickery, I’m sure he would be all for it. If not, then he would delete the tagline at settings > general and use a text widget.



    He doesn't have the CSS upgrade, so ultimately he wants to add space between the tagline and title.

    Yes that is right. Moving the tagline down just a little would help quite a bit.



    Unfortunately the text-widget trick won’t work here because of this:

    #wrap {
    margin:0 auto;

    Notice the “overflow: hidden;” property. Since the text-widget is inside the #wrap element, it gets hidden if out side its boundaries. You would need the CSS upgrade to edit that definition, but then again, with the CSS upgrade you wouldn’t need to do that but modify the tagline’s definition instead.


    Thanks from me. Another tidbit filed away.



    Thank you both for looking into this.

The topic ‘how to put space between the title and sub title’ is closed to new replies.