Change Product Card Width - Berlin Theme

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:


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)

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