Change Product Card Width - Berlin Theme

frogdogman
Visitor
1 0 0

Hello -

 

I'm looking to make a few tweaks to the layout of my website that's using the Berlin Theme. If anyone could give advice with the following, it would be much appreciated: (I've included examples below)

 

- Change product card size to full width of the page

- Increase space of each each of products

- Center the product name and price on each card

 

My Website: www.madhaus.shop

 

Here's what my current collection page looks like:

Screenshot 2023-12-30 at 2.42.08 PM.png

 

I would like for it to be more like this:

Screenshot 2023-12-30 at 2.41.16 PM.png

Reply 1 (1)

magenest
Shopify Partner
118 4 10

Hey there Frogdogman,

 

We noticed that you have done the increased spacing. As for full-width page, you just need to add this CSS line.


.Container, .container-fluid, .shopify-policy_Container {
Max-Width: None
}

Magenest - One-stop Digital Solution Provider
- Don’t forget to drop a thumbs-up and Mark it as a Solution if you find our response useful
- Elevate your online business with our Shopify experts and professional designers