how to put space between the title and sub title

  • Author
    Posts
  • #385035

    johnlvs2run
    Member

    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 ninatoastmasters.wordpress.com.

    #385221

    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.

    #385222

    johnlvs2run
    Member

    Can you tell me what the trick is? Thanks.

    #385223

    johnlvs2run
    Member

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

    http://ninatoastmasters.wordpress.com/

    #385238

    johnlvs2run
    Member

    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>

    https://en.forums.wordpress.com/topic/can-i-alter-size-of-title-font-in-my-wordpresscom-blog-wo-buying-custom-css?replies=9

    #385241

    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.

    #385242

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

    #385244

    johnlvs2run
    Member

    Thanks very much. I will try it tomorrow.

    #385246

    You’re welcome.

    #385288

    johnlvs2run
    Member

    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>

    #385291

    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.

    #385292

    johnlvs2run
    Member

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

    http://ninatoastmasters.wordpress.com/

    #385295

    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.

    #385299

    devblog
    Member

    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

    AND

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

    #385300

    devblog
    Member

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

    gimme a few minutes

    #385301

    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.

    #385302

    johnlvs2run
    Member

    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.

    #385303

    devblog
    Member

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

    #wrap {
    overflow:hidden;
    padding-left:10px;
    padding-right:10px;
    position:relative;
    width:770px;
    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.

    #385304

    Thanks from me. Another tidbit filed away.

    #385305

    johnlvs2run
    Member

    Thank you both for looking into this.

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