How can I alter the text excerpt position in my blog posts?

[AnnaBe]

Hello all, does anyone know how I can change the position of the text excerpt to my blogs? In the editor the text box is under the photo, which I like (bottom photo), but in the real desktop view the position shifts so that the text excerpt covers half the image (top photo) and I can't get to it. Many thanks in advance!

[PageFly-Victor]

Hi @AnnaBe ,

Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.

[AnnaBe]

Thank you! The store is https://welpentraum.de, Password welpen123

[PageFly-Victor · Accepted solution]

Hi @AnnaBe ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

<style>
.article-item.animation--article-item.hover {
    display: flex;
    flex-direction: column;
}

.article-item__content {
    margin-top: -50px;
    width: 90%;
    left: 5%;
}

.article-item__content-inner {
    background: #f7f9fd;
}
</style>

Hope my answer will help you.

Best regards,

Victor | PageFly

[AnnaBe]

Hi Victor, it worked, thank you so much! Best regards

[HelenJ]

Thank you! This worked for us, too.