Need help? Check out our Support site, then

how to put space between the title and sub title

  1. 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

  2. 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.

  3. Can you tell me what the trick is? Thanks.

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

  5. 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>

  6. 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.

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

  8. Thanks very much. I will try it tomorrow.

  9. You're welcome.

  10. 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>

  11. 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.

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

  13. 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.

  14. 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

  15. I see now. He doesn't have the CSS upgrade... thus the text widget thing.

    gimme a few minutes

  16. 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.

  17. 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.

  18. 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.

  19. Thanks from me. Another tidbit filed away.

  20. Thank you both for looking into this.

  21. You're both welcome.

  22. I just realized that the tagline starts from the right side of the page. The overlap resulted because the combination of the title and tagline were too long.

    I shortened them both and now all is well. :)

  23. I had thought of mentioning that option. You can if you wish put the rest of the tagline into a text widget and put it at the top of your sidebar.

Topic Closed

This topic has been closed to new replies.

About this Topic