Various problems about my product cards and product page

Store Design
1

I want to modify several things about the product cards of my website, but my little knowledge in Shopify does not allow me to do it, so I would love if someone could help me! :grinning_face_with_smiling_eyes:

First of all, itā€™s about the outer margin, I would like to set it to 0 so that the borders of the products overlap each other, but Shopify only allows up to 4, is there a way to exceed this limit? (blue)

Second, and I think itā€™s a bit more complicated request, Iā€™d like to create interior padding on the product cards. Let me explain, that there was a padding that was adjusted to the size of the product image so that the images and the texts of the product card were the same. (red)

imagen_2023-05-30_175502093.png
imagen_2023-05-30_175502093.png906Ɨ813 76.8 KB

Thanks for all!
PD: I use Dawn (Shopify 2.0 i guess)

Finally, I would like to know if there is any way that the image of the product within its respective page was centered and then the information, sizes, purchase of the product, etc. they were below it. I attach a photo of my idea

imagen_2023-05-30_180025111.png
imagen_2023-05-30_180025111.png1753Ɨ788 91.6 KB

2

Hi @davidvilaa ,

Would you mind to share your URL website with password?

Or you can PM the info if you dont like to share. We can give solution one at the time. :blush:

Thanks!

3

Thank you for the information.

You can try this one.

  1. From your Shopify admin dashboard, click on ā€œOnline Storeā€ and then ā€œThemesā€.
  2. Find the theme that you want to edit and click on ā€œActionsā€ and then ā€œEdit codeā€.
  3. In the ā€œAssetsā€ folder, click on ā€œtheme.scss.liquid, styles.scss.liquid or base.cssā€ file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.

Number 1 and 2 solution.

ul#product-grid {
    grid-gap: 0px;
}
.card__inner.ratio {
    height: 100%;
}

The last one you need to hire a Developer to do this cause it would be a lot of editing.

I hope it help.