[Rina S]

Originally Posted by Envoyajeux

I am currently developing an ecommerce site with the WIX app + Ecwid extension (site = envoyajeux.com)
I wish I could stretch the shop across the width of the page. I asked the WIX support who advised me "Move the Margin slider to decrease or increase the margins" which I did; but in doing so, when you click on a category (eg BOX), the products are positioned to the left and are no longer fully visible.
- Is it possible to set up for the presentation to be centered?

https://www.envoyajeux.com/les-box-de-ludus

Hello,

This is Rina from Ecwid Customer Care team. Thank you for your message!

Here is the CSS code to center your products in the category:

.ec-size .ec-store .grid__products {
    @for $i from 2 through 10 {
        $k: $i - 1;
        @for $j from 1 through $k {
            &[data-cols="#{$i}"][data-items="#{$j}"] {
                justify-content: center;
            }
        }
    }
}

Add the code to your Ecwid Control Panel > Design. Scroll down and click on the "Create Theme" button. Create a new CSS theme, activate it and click the "Save" button.

If you have any other questions, please feel free to reach out again