Tagged: x
-
AuthorPosts
-
November 14, 2016 at 8:32 pm #1257384
Rex RParticipantHello. 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
November 15, 2016 at 1:09 am #1257559
RupokMemberHi 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.
November 15, 2016 at 10:27 pm #1258925
Rex RParticipantThanks. 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
November 16, 2016 at 1:41 am #1259043
RupokMemberHi 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!
November 16, 2016 at 11:03 am #1259610
Rex RParticipantSorry, 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
November 16, 2016 at 12:53 pm #1259728
RupokMemberHi 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!
November 16, 2016 at 5:29 pm #1260111
Rex RParticipantYeah, 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
November 16, 2016 at 8:11 pm #1260416
RadModeratorYou’re welcome!
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1257384 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
