Arranging Items on Shop Page (4 posts)

  1. djsarasimms
    Posted 3 years ago #


    I just set up my store, and would like to arrange the items on my store page, so they are beautifully spaced out.

    Right now, all the products on my shop page are bunched closely together. Could anyone please let me know how I can easily arrange them so they look good?

    My site is:


    Thanks in advance!


  2. bheadrick
    Posted 3 years ago #

    Your theme has this in the style.css:

    #content ul li{margin: 0 0 10px 0;...

    remove the part of this, and it will default to the default wc styling, which is 22px between items, and it looks pretty good

  3. djsarasimms
    Posted 3 years ago #

    Thanks for your response.

    I am not sure I want to dig into the style.css and change this.

    However, I can easily add Custom CSS.

    Is there any code I can add to correct this, and make the layout look good?

    I've also read there are themes for woocommerce. Am I able to install a theme, as an option (in addition to the current wordpress theme that I have?)

  4. bheadrick
    Posted 3 years ago #

    sure, custom css should override the theme's css.
    No, there's not a theme patch for woocommerce.
    While you might not want to modify your existing theme, you could create a child theme and leave your current theme intact.

    From there, you could use the woocommerce template files to adjust things when css changes alone doesn't help. There is a plugin to help you create a child theme off your current theme without you having to do any coding

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic