remove pagination from blog

LukeMac · ‎06-25-2024

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:

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.

niraj_patel · ‎06-25-2024

Hello @LukeMac

Can you share store URL?

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 · ‎06-25-2024

My bad, it's: https://itscalledfragrances.com/

niraj_patel · ‎06-25-2024

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.

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 · ‎06-25-2024

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 · ‎06-25-2024

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:

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:

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!

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

LukeMac · ‎06-25-2024

Thanks @BSSCommerce-B2B

BSSCommerce-B2B · ‎06-25-2024

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!

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

remove pagination from blog

remove pagination from blog

Community Blog Articles