Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1257384
    Rex R
    Participant

    Hello. My long post titles wrap correctly and do not run into the right sidebar, as you can see here – http://screencast.com/t/YOup7bMcKjHl

    But my long page titles do run over it – http://screencast.com/t/iJ0t8NKddOw

    Can you help me with this? For your info, here is some of my CSS script that I have to remove a gap at the page title:

    /* 10-2016 Stuff - Remove Gap on Pages - */
    
    .page-template-default .x-header-landmark {
        padding-bottom: 0;
    }
    
    .page-template-default .x-container>.offset {
        margin-top: 0;
    } 

    They wrap correctly in tablet and phone size (where the sidebar drop to the bottom) but not in desktop. My URL is – https://www.hopefaithprayer.com/faith/faith-knows/

    Thanks so much. You guys have been so helpful. rex

    #1257559
    Rupok
    Member

    Hi there,

    Thanks for writing in! Let’s use this CSS :

    @media only screen and (min-width: 980px) {
    .x-header-landmark.x-container {
      padding-right: 26%;
    }
    }

    Hope this helps.

    #1258925
    Rex R
    Participant

    Thanks. That wraps the text but the second line of the title now aligns with the start of the sidebar and not the first line, like the post example above – http://screencast.com/t/675uXut5U.

    Thanks, Rex

    #1259043
    Rupok
    Member

    Hi there,

    That’s pretty normal. There is not enough space for the text “knowing” so it’s breaking to new line.

    If you want to break the word to keep in line, you can add this CSS :

    .h-landmark.entry-title {
      word-break: break-all;
    }

    Cheers!

    #1259610
    Rex R
    Participant

    Sorry, I was not clear on the issue.

    I am not concerned about the break point, that is fine. My issue is that the second line of the title now aligns with the top of the sidebar instead of the first line like on posts, like this – http://screencast.com/t/rMTH6t8EcOq. Instead I have this – http://screencast.com/t/p3MX7bnWc.

    Thanks Rex

    #1259728
    Rupok
    Member

    Hi there,

    That would be tough because if you fix this for single line, it might break for double line and vice versa. So I’d suggest to decrease the font size a bit to keep this in one line :

    .h-landmark.entry-title {
      font-size: 200%;
    }

    Thanks!

    #1260111
    Rex R
    Participant

    Yeah, I was afraid of the same thing. I will leave it for now with the second line aligning with the sidebar. I’m good. Thanks a lot. Rex

    #1260416
    Rad
    Moderator

    You’re welcome!

  • <script> jQuery(function($){ $("#no-reply-1257384 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>