Tagged: Blog Posts Content Element, blog title
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.
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
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
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
Thanks Nikko! That did the trick.
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon