change collection list card width in dawn theme

Ahmed_zouari · ‎02-09-2024

Hello,

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

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

How can I solve it?
Thanks in advance

MastersHub · ‎02-10-2024

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

MastersHub · ‎02-09-2024

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 · ‎02-10-2024

Sure:
https://like.furniture/

MastersHub · ‎02-10-2024

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 · ‎02-10-2024

unfortunately, no change

MastersHub · ‎02-10-2024

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