WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Woocommerce Shop Page Margins (5 posts)

  1. MacMediaMarketing
    Member
    Posted 6 months 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
    Volunteer Moderator
    Posted 6 months 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 6 months 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
    Volunteer Moderator
    Posted 6 months 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 6 months ago #

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

Reply

You must log in to post.

About this Topic