[resolved] Woocommerce Shop Page Margins (5 posts)

  1. MacMediaMarketing
    Posted 2 years ago #


    My website is http://www.sellingyourartonline.com and my default theme has great margins. But, woocommerce has margins that extend to the ends of my display and do not match the default margins of my theme.

    How can I change the margins for woocommerce in the CSS file?

    Margins I want: http://www.Sellingyourartonline.com
    Margins I currently have: http://www.sellingyourartonline.com/shop


  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Generally, for help with WooCommerce, you should post on their forum -


    But this looks to be a CSS question - probably more to do with your theme's CSS - so the theme developers might be the better ones to ask.

    That said, try this CSS:

    .woocommerce-page #main {
        max-width: 980px;
        margin: 0 auto;
  3. MacMediaMarketing
    Posted 2 years ago #

    Hi WPyogi - I will also post on the Woocommerce forum. Should I put what you've written above in my theme's css or woocommerce css?


  4. WPyogi
    Forum Moderator
    Posted 2 years ago #

    I'm guessing that's a custom theme - in which case you don't need to worry about updates wiping out your changes to theme files. So it probably doesn't matter where you put the CSS - I tried it at the bottom of your style.css file - and it worked there.

    BTW, if it solves your issue, please mark the other thread accordingly - duplicate threads aren't really cool here...they end up being confusing and wasting volunteers' time...

  5. MacMediaMarketing
    Posted 2 years ago #

    Thank you so much! I'll mark both as solved.

Topic Closed

This topic has been closed to new replies.

About this Topic