View Single Post
Old 01-28-2019, 08:22 PM
Rina S's Avatar
Rina S Rina S is offline
Ecwid Team
Join Date: Dec 2017
Posts: 51

Originally Posted by Envoyajeux View Post
I am currently developing an ecommerce site with the WIX app + Ecwid extension (site =
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?

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:

HTML Code:
.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
Rina S
Ecwid Customer Care Team

More tips and hints on Ecwid use in our Help Center

⬇ Please click Thanks if my reply helped you.