Changing product layout

[StafMeister]

Hi, this is how my product page layout looks like down below:

And I want to make it look more appealing like this:

How can I achieve this? Please help thank you very much. My store url is: https://schatten.store/ and the password is leskup

[PaulMartin]

Hey StafMeister

To achieve the product grid reference you wanted, you'll definitely need to get this custom coded. Your theme does not offer this out of the box, so the only solution is to have it made from scratch.

If you need help with coding, I'd be happy to assist you on creating this for $25. Let me know if you're interested and if you have any questions, feel free to ask.

[namphan]

Hi @StafMeister,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.product-grid .grid__item {
    border: 1px solid;
}
.card:not(.ratio)>.card__content {
    border-top: 1px solid;
}

[StafMeister]

Thank you very much! How can I put them in the center exactly?

[namphan]

Hi @StafMeister,

What does it mean? please explain more about it, I will help you check it again