WordPress.org

Forums

[resolved] Woocommerce Shop Page Margins (5 posts)

  1. MacMediaMarketing
    Member
    Posted 1 year ago #

    Hi,

    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

    Thanks,
    Mac

  2. WPyogi
    Forum Moderator
    Posted 1 year ago #

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

    http://wordpress.org/support/plugin/woocommerce

    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
    Member
    Posted 1 year 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?

    Thanks

  4. WPyogi
    Forum Moderator
    Posted 1 year 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
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic