Support » Theme: Virtue » Change home/shop page into two columns

  • Hi! Currently, my home/shop page has all the product listed underneath eachother.I would like to change it to two product next to eachother, three rows. Also: there is a very thin grey line around every product, how do I delete this?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hey,

    Currently in your custom css you you are adding a media query but never closing it:
    @media (min-width: 768px) {

    Inside that media query you have this:

    .tcol-md-3.tcol-sm-4.tcol-xs-6.tcol-ss-12.kad_product {
        width: 50%;
        position: static !important;
    }

    Then a couple of lines later you are overriding that with this:

    .tcol-md-3.tcol-sm-4.tcol-xs-6.tcol-ss-12.kad_product {
        width: 100%;
    }

    I am going to suggest you remove both of those lines of code. I also suggest you close out the media query.

    Instead and to accomplish what you want I suggest you add this css:

    @media (min-width: 768px) {
        .products .kad_product {
            width: 50%;
        }
    }

    Please note that css will only work once you’ve remove the css that you added above.

    As for removing the border you can use this css:

    .products div.product {
        border: 0;
    }

    Ben

    Thread Starter richcityfortune

    (@richcityfortune)

    Hi Ben! Thanks that worked perfectly. The only thing is that the word ‘SHOP’ isn’t center aligned anymore now, could you send me some code to fix that as well? Thanks!

    @media (min-width: 768px) {
    .woocommerce-ordering {
        position: absolute;
        right: 0;
    }
    .page-header {
        position: relative;
    }
    }

    Add that css ^ should be set.

    Ben

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change home/shop page into two columns’ is closed to new replies.