Solved

change collection list card width in dawn theme

Ahmed_zouari
Shopify Partner
3 0 0

Hello,

I want to change the width of the collection card in the collection list:
this the actual view:
actual view.png

And i want it to looks like the product card in featured collection (70% of the width)

objective.png

How can I solve it?
Thanks in advance

Accepted Solution (1)
MastersHub
Shopify Partner
214 20 36

This is an accepted solution.

Sorry a little mistake. Try again please.

 

<style>
@media screen and (max-width: 749px) {
  .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item, .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
      width: 75%!important;
  }
}
</style>

 

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp

View solution in original post

Replies 5 (5)

MastersHub
Shopify Partner
214 20 36

Can you give me store url?

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
Ahmed_zouari
Shopify Partner
3 0 0
MastersHub
Shopify Partner
214 20 36
Please add this code to your theme.liquid file, after <head> element in Online Store > Themes > Edit code.

 

 

<style>
@media screen and (max-width: 749px)
.slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item, .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
    width: 75%!important;
}
</style>

 

 
Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
Ahmed_zouari
Shopify Partner
3 0 0

unfortunately, no change

MastersHub
Shopify Partner
214 20 36

This is an accepted solution.

Sorry a little mistake. Try again please.

 

<style>
@media screen and (max-width: 749px) {
  .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item, .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
      width: 75%!important;
  }
}
</style>

 

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp