Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1298625

    I’m having some formatting issues with the date and post title in the blog posts content element on the home page of the website linked below when the post title is more than one line. The English title is fine, but the German version is longer and somehow the title and date get pushed down. There’s some overlap happening as well with the date and title.

    This is also set-up on the actual “News” page in the website using the blog posts content element and everything displays fine there.

    #1299071

    Hey NicomIT,

    This CSS from your style.css file seems to be causing that:

    .post-meta-infos {
        top: -75px;
        margin-top: 15px;
        width: 100%;
        display: block;
    }

    Please try removing or alter that CSS.

    Best regards,
    Rikard

    #1299486

    Hi Rikard,
    I tried commented that CSS out, but things still displayed the same. So I removed the top margin. That helped a little, but it looks like there is still an issue on the German home page where the post title is more than one line.
    Ryan

    #1299559

    Hi Ryan,

    Can you remove this CSS code as Rikard suggested:

    .post-meta-infos {
        top: -75px;
        width: 100%;
        display: block;
    }

    Then replace it with this CSS code:

    #top .fullsize .template-blog .entry-content-header {
        display: flex;
        flex-direction: column-reverse;
    }
    
    #top .flex_column .template-blog .post-title {
        line-height: 0.9;
        margin-bottom: 40px;
    }

    Hope it helps.

    Best regards,
    Nikko

    #1299704

    Thanks Nikko! That did the trick.

    #1299713

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Display of Longer Blog Titles in the Blog Posts Content Element’ is closed to new replies.