Home>Support>Shop column and row issue

Shop column and row issue

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 4 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    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. 4 years, 3 months ago hairyashell

    https://www.kinetiquettes.com/kitee/

    This is the URL

  3. 4 years, 3 months ago hairyashell

    It’s not the homepage

  4. 4 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    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. 4 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    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. 4 years, 3 months ago hairyashell

    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. 4 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More