Long title use 2 lines adjustment

[samueltheriault]

Hi,

You helped me repositioning the feature image her : https://theme.co/apex/forum/t/change-post-format/36637/4

But now I have a problem with some title using 2 lines and it fall on the image. How can I make it so it adjust when there is a title that use 2 lines.
ex: https://www.studio303.ca/en/boundaries-of-the-everyday-body-a-post-studio-performative-practices-intensive-victoria-stanton-mtl/

Thank you in advance

[thai]

Hi There,

Please find this custom CSS:

.single-post .entry-content.content, .page .entry-content.content {
    margin-top: 30px;
}
.single-post .entry-thumb img, .page .entry-thumb img {
    margin: 43px 10px 0px 12px;
    float: left;
}

And change to this:

.single-post .entry-content.content, .page .entry-content.content {
    margin-top: 45px;
}
.single-post .entry-thumb img, .page .entry-thumb img {
    margin: 53px 10px 0px 12px;
    float: left;
}

The CSS above will increase the margin between the title and the image & content.

Hope it helps

[samueltheriault]

My questions was more about making it so it adjust depending on the title taking 1 or 2 lines. So we keep always the same spacing between the title and content. As exemple: always have 10px between the title and the photo/content.

Thanks you.

[ruenel]

Hello There,

To resolve your issue, please have the code updated and use this:

.single-post .entry-thumb img, .page .entry-thumb img {
    margin-top: 75px;
}

.single-post .entry-content.content, .page .entry-content.content {
    margin-top: 65px;
}

Please let us know how it goes.