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

Solved

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

AnnaBe
Pathfinder
117 21 37

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!

 

 

blog falsch.PNGblog richtig.PNG

Accepted Solution (1)

PageFly-Victor
Shopify Partner
7865 1786 3127

This is an 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>

PageFlyVictor_0-1679769512149.png

Hope my answer will help you.

Best regards,

Victor | PageFly

View solution in original post

Replies 5 (5)

PageFly-Victor
Shopify Partner
7865 1786 3127

Hi @AnnaBe ,

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

AnnaBe
Pathfinder
117 21 37

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

PageFly-Victor
Shopify Partner
7865 1786 3127

This is an 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>

PageFlyVictor_0-1679769512149.png

Hope my answer will help you.

Best regards,

Victor | PageFly

AnnaBe
Pathfinder
117 21 37

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

HelenJ
Visitor
1 0 0

Thank you! This worked for us, too.