Hi, I’m trying to make a website similar to https://www.dior.com/en_us/fashion/womens-fashion/ready-to-wear/jackets . If you see the collection border, it can fit 3 rows of clothes. If you look at my website, https://lobonewyork.com/collections/mens-hoodies-and-sweatshirts you will see it can only fit 2 images on one line. How can I decrease the border size? I tried everything. I want to fit 3 images on the same row and use all the empty space. My theme is debut, thank you.
Hi @gihan7575
Happy to help you with this issue
On your website, I can see 3 products in one row as of now. For border size it’s the same as the reference website, only the color is different. Please use color : #e5e5e5 for same look and fill as reference.
It’s hard to explain. Dior’s images fit the entire screen and don’t have that padding on the side. I don’t want white space on the sides, I just want the images to take up the screen. It’s not about how many images are in the row, it’s about removing the space that isn’t allowing the images to be bigger. I want the images to be larger, without the padding preventing them from doing so. I cannot have the images take up all the space on the screen if there is a white line on each side taking up space. I need help removing the padding preventing the images from being larger. I hope this explained it better. It’s just very hard to explain. If you go to the page and zoom in to 150% you will see, the images are larger, I want the images to appear like that. Essentially, I want them about 50% increased in size, without the white stuff on the sides preventing the image from getting bigger. I know this is extremely specific, but I believe it’s more visually appealing.
On your website, desktop max with is 1200px we need to increase that to 100% to make it similar to Dior and when we increase width we must need to make changes to the style of the inner section as well.
This task will take more time and so many CSS changes.
Please check below image for home page section with full width
The perfect solution; did some research and I could figure out a bit of it. Just need to finish the rest. You guided me to the right place.