Broken pagination & change aspect ratio collection page. Simple theme

Store Design
1

I haven’t touched it at all recently, but the selected pagination has collapsed.

mobile
mobile750×1334 131 KB

desktop
desktop1544×1236 157 KB

I don’t see many pagination items, but they seem to be centered.

collection-template.liquid


{% paginate collection.products by 18%}

 

```markup

      {% else %}
        {% comment %}
          If collection exists but is empty, display message
        {% endcomment %}
        
          

{{ 'collections.general.no_matches' | t }}

        

      {% endif %}
    {% endfor %}
  

  {% if paginate.pages > 1 %}
    
      {{ paginate |  default_pagination  }}
      

  {% endif %}
 

{% endpaginate %}

Also, I would like to ask you about the aspect ratio. The collection list is square, but the collection page is different.

https://community.shopify.com/c/Shopify-Design/Square-aspect-ratio-for-thumbnail-on-Simple-theme/m-p/1296078#M337499

I will attach the latest code file.

The site is linked under my name,

Please teach me any ideas.

Thank you.

1 Like
2

@zakkyobiru

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

@KetanKumar

Hi The site is linked under my name

https://zakkyobiru.myshopify.com

How do you think?

4

@zakkyobiru

yes please add this code

span.page.current {
    display: inline-block !important;
}
1 Like
5

@KetanKumar

Thank you very much.
I tried adding to your element to make the selected text larger.

.pagination {
font-size: 30px; 
  span.page.current {
  display: inline-block !important;
    font-size: 40px;
}
}

And if you know, is it difficult about the aspect ratio?

6

@zakkyobiru

nope this fine doesn’t any issue