Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1351444
    Ryan
    Participant

    Store not displaying correctly. I have two items per row set and only one is showing. RyanHintze.com/shop Screenshot: https://www.screencast.com/t/Biypc1w4h

    How can I remove this white space? https://www.screencast.com/t/EcYeo0qOB

    #1351855
    Friech
    Moderator

    Hi There,

    Thanks for writing in! Would you mind providing us login credentials in private reply, so we can take a closer look?

    You said you have 2 items per row? But it was actually set as 3 columns (http://prntscr.com/e2jhoi)

    Regarding with the white space on the footer. Please add a class mbn on the last content band/section of that page.

    Cheers!

    #1358038
    Ryan
    Participant
    This reply has been marked as private.
    #1358334
    Rad
    Moderator

    Hi there,

    Please try downgrading your Woocomerce to version equal or less than 2.6.9.

    You can download the copies here https://github.com/woocommerce/woocommerce/releases

    The problem is the structure and your product listing is getting extra element that breaks the layout.

    Thanks!

    #1360294
    Ryan
    Participant

    After downgrading to 2.6.8 the problem still persists.

    #1360727
    Paul R
    Moderator

    Hi Ryan,

    Please add this in Custom > Edit Global CSS in the customizer.

    
    .woocommerce li.product.first {
        clear: none;
    }
    
    .woocommerce li.product.last {
        margin-right: 4%;
    }
    
    .woocommerce li.product:nth-child(3n+3) {
        margin-right:0;
    }
    

    Hope that helps.

    #1361355
    Ryan
    Participant

    This is how my current global css looks like:

    .x-topbar .p-info {
        color: #ffffff;
    }
    
    .x-social-global a {
        color: #ffffff;
    }
      
    .page-template-template-layout-portfolio .entry-cover {
      background-position: center top;
    }
    
    .page-template-template-layout-portfolio .entry-cover {
      background-position: center top;
    }
      
    .option-set .x-portfolio-filters-menu>li>a {
        color: #000;
    }
    
    .page-template-template-layout-portfolio a.entry-cover {
        background-position: center 0%;
    }
      
    .x-portfolio-filters {
      display: none !important;
    }
    
    .woocommerce li.product.first {
        clear: none;
    }
    
    .woocommerce li.product.last {
        margin-right: 4%;
    }
    
    .woocommerce li.product:nth-child(3n+3) {
        margin-right:0;
    }

    Do you think any of the non woo customization’s effected the layout of the shop?

    Thank you!
    It worked by the way.

    #1361435
    Jade
    Moderator

    Hi there,

    That should be fine because the newly added CSS are only targetting woocommerce pages.

  • <script> jQuery(function($){ $("#no-reply-1351444 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>