remove pagination from blog

remove pagination from blog

LukeMac
Excursionist
26 0 4

1.) Please give me code to remove the pagination from my blog on my homepage. 

2.) I would also like to align the text and blog title to the left, in line with the heading and the image. 

 

See image:

IMG_0213.PNG

 

I would like to remove the "1/2". 

 

3.) Also, please give me code to control the spacing / padding of the app section that holds my reviews. I would like to make it the same size as the spacing throughout my website. 

 

Thanks in advance. 

Replies 7 (7)

techlyser_web
Shopify Partner
1770 327 355

Hello @LukeMac 

Can you share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
LukeMac
Excursionist
26 0 4
techlyser_web
Shopify Partner
1770 327 355

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px) {
section#shopify-section-template--22237669622065__featured_blog_F4R7hr .slider-counter {
display: none !important;
}
.blog__posts .article-card .card__information {
padding-left: unset !important;
}
.title-wrapper-with-link {
margin-bottom: unset !important;
}
.jdgm-carousel-wrapper {
padding: 0 !important;
}
}

</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
LukeMac
Excursionist
26 0 4

Worked Perfectly - Thanks!

 

Can you also please give me code to make the tect the full width of the page / extend to the edge of the image. 

 

Thanks in advance.

BSSCommerce-B2B
Shopify Expert
555 111 134

Hi @LukeMac , 

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

BSSCommerceB2B_0-1719342474296.png

 

Step 2: Search for the file theme.liquid. And add this code snippet before </body> or within <head> : 

 

<script>
  {% if template == 'index' %}
    <style>
      @media only screen and (max-width: 749px) {
        .slider-buttons {
          display: none !important;
        }

        .jdgm-carousel-title,
        .jdgm-carousel-wrapper .jdgm-all-reviews-rating-wrapper {
          text-align: left !important;
        }
        
        .jdgm-carousel-wrapper {
          padding: 0 !important;
        }
      }
    </style>
  {%endif%}
</script>

In this step, I using this code to apply on homepage (mobile view) to make: 

1. Remove the pagination ("1/2")  from my blog on my homepage

2. Align the text and blog title to the left

3. Control the padding of the app section that holds my reviews.

You can change padding as you want.

 

Step 3: Save your code and reload this page.

=>> The result: 

 

BSSCommerceB2B_1-1719342963721.png

 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir! 

 

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
LukeMac
Excursionist
26 0 4

Thanks @BSSCommerce-B2B 

BSSCommerce-B2B
Shopify Expert
555 111 134

Hi @LukeMac , 

We're happy to see that our suggestion helped. 

Can you kindly give us  like and mark as solution?

This can greatly motivate us to contribute to our community.

 

Thanks in advance! 

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency