Categories Grid - by lbbdesigns - on WordPress WooCommerce support

This topic has 10 replies, 3 voices, and was last updated 9 years, 2 months ago ago by Robert Hall

  • Avatar: lbbdesigns
    lbbdesigns
    Participant
    September 3, 2015 at 14:31

    Hello!

    I have used the shortcode for the categories grid (beta) on my website homepage, however the categories aren’t displaying in a row of 4 instead they are just 1 column one below each other.

    9 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 3, 2015 at 14:38

    Hello,

    Please provide us with wp-admin access in Private Content.

    Regards,
    Robert Hall.

    Avatar: lbbdesigns
    lbbdesigns
    Participant
    September 7, 2015 at 15:54

    Hi Robert, I have attached the details for you.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    September 7, 2015 at 17:30

    Hello,

    Try to use other element in Visual Composer editor (Woo Product Categories or 8theme Product categories). Also there are no any products added to your categories http://storage9.static.itmages.com/i/15/0907/h_1441643284_5963953_3669b00e5f.png . Mark products with categories and check your page then.

    Regards,
    Eva Kemp.

    Avatar: lbbdesigns
    lbbdesigns
    Participant
    September 8, 2015 at 12:03

    Hi Robert, why can’t I use the one I am using at the moment? It all just needs to inline rather than all down one line, these feature has everything I need it just needs to be inline.

    Can you not fix the issue?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 8, 2015 at 12:17

    Hello,

    I’ve added this code in Global Custom CSS. Please check.

    .woocommerce ul.wcmp-cat-grid.products li.product-category{
    display: inline-block;
    }
    .sidebar-position-without .product-category{
    width:33.1% !important;
    }
    .wcmp-product, .wpb_row .wpb_column .wpb_wrapper .wcmp-product{
        margin: auto;
    }

    Regards,
    Robert Hall.

    Avatar: lbbdesigns
    lbbdesigns
    Participant
    September 8, 2015 at 12:18

    Thank you! Much better 🙂 Is it possible to have 4 products per row?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 8, 2015 at 12:48

    I’ve changed the code a little. Please check it now.

    Regards,
    Robert Hall.

    Avatar: lbbdesigns
    lbbdesigns
    Participant
    September 8, 2015 at 12:53

    That’s great thank you! Can we make the gap at the bottom of the category section smaller, as there is quite a large gap between the category grid and the project services?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 8, 2015 at 13:09

    Try to use the following code in Global Custom CSS.

    .page-content .wpb_row{
        margin-bottom: 0px;
    }

    Regards,
    Robert Hall.

  • Viewing 10 results - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.