View Single Post
  #2  
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
Default

Quote:
Originally Posted by Envoyajeux View Post
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:

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.