Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
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>
Hope my answer will help you.
Best regards,
Victor | PageFly
Hi @AnnaBe ,
Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.
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>
Hope my answer will help you.
Best regards,
Victor | PageFly
Hi Victor, it worked, thank you so much! Best regards
Thank you! This worked for us, too.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025