Shopify themes, liquid, logos, and UX
Hello!
Hoping someone can help with a couple of technical questions regarding blog posts on Pipeline theme:
1. Do you know why my 'view all' button is not loading any additional posts? I have not changed any code on this page since using the theme
2. Is there a way to either move the blog title to sit underneath the image tile or at least reduce the font size?
The URL is https://www.thevoyagehome.com.au/blogs/all
Thanks!
Rachel
Solved! Go to the solution
This is an accepted solution.
@thevoyagehome
put below code to into theme.liquid file before closing </body> tag
<style>
.mb0 {
margin-bottom: -12px !important;
font-size: 18px !important;
}
</style>
Hi @thevoyagehome!
I hope you are doing good and welcome to the Shopify Community!
This is MS Web Designer (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore).
We are looking into the issue and will get back to you shortly.
If it’s helpful to you, please mark it as a solution.
Need Help with Shopify Design, Migration, Speed, or Custom tasks?
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin
This is an accepted solution.
@thevoyagehome
put below code to into theme.liquid file before closing </body> tag
<style>
.mb0 {
margin-bottom: -12px !important;
font-size: 18px !important;
}
</style>
Hi @thevoyagehome !
I hope you are doing good and welcome to the Shopify Community!
This is MS Web Designer (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore).
You can move the blog title to sit underneath the image tile by follow below steps:
1. Make a duplicate before any code changes:
2. Next, open the Code Editor:
3. Go snippets/article-grid-item.liquid
4. make the title of blog in <div> tag and put that div below to blog image.
5. Save the file. That will place the title below the image.
6. Add style code: .blog__article__overlay:after {background: none !important;} .template-blog .blog__article__title { margin-bottom: 2rem; margin-top: -1.5rem; }
Let me know if this works!
If it’s helpful to you, please mark it as a solution.
Need Help with Shopify Design, Migration, Speed, or Custom tasks?
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024