Solved

Pipeline Theme - Blog Titles and View All

thevoyagehome
Tourist
4 0 1

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

Accepted Solution (1)

Ujjaval
Shopify Partner
1242 197 206

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>

View solution in original post

Replies 3 (3)

SAN_MSWEB
Shopify Expert
927 111 117

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

Ujjaval
Shopify Partner
1242 197 206

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>

SAN_MSWEB
Shopify Expert
927 111 117

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