This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Shop column and row issue

4 years ago · Last reply by Andrew Misplon 4 years ago

The below page doesnt seem to show the products properly. I’ve tried multiple settings but whats shown in the editor: https://ibb.co/LST5XyK does not show on the live page. I tried different number of columns and rows (under display settings) and even changed the theme layout types but didnt seem to show the correct number of column of products. If I put 4 columns, then it only shows 3 columns. If I put 6 columns then only 5 are shown. Page in question:

Please kindly advise

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Andrew Misplon Staff 4 years, 11 months ago

    Hi, thanks for reaching out.

    Please, could you confirm URL of the page shown in your screenshot? https://ibb.co/LST5XyK. The home page is being managed with Page Builder by SiteOrigin. The page in your screenshot is using the Block Editor so my guess is it isn’t your home page.

  2. hairyashell 4 years, 11 months ago
  3. hairyashell 4 years, 11 months ago

    It’s not the homepage

  4. Andrew Misplon Staff 4 years, 11 months ago

    Thanks for the update.

    If you’d like the page layout to be constrained as in your screenshot you can edit the Page Layout page setting in the Page Settings sidebar section and change the layout to No Sidebar.

    To troubleshoot the column issue you could try temporarily switching to a default theme like Twenty Nineteen. With a default theme activated, does the layout load as expected? That’ll help track down where the issue is arising.

  5. Andrew Misplon Staff 4 years, 11 months ago

    I think I see what might be the issue, it’s strange the WooCommerce stylesheet isn’t accounting for this. You can try adding to Appearance > Custom CSS or Customize > Additional CSS:

    .wc-block-grid__products li {
        margin-left: 0 !important;
    }
  6. hairyashell 4 years, 11 months ago

    Thanks. that seems to fix the issue. However the featured product on the top of the page the “shop now” button is off centre for some reason

  7. Andrew Misplon Staff 4 years, 11 months ago

    Glad to hear you’re making progress.

    You can try adding to Custom CSS:

    .aligncenter {
    	text-align: center;
    }

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread