Format Woocommerce shop page

  • Resolved 4090

    (@4090-1)


    6 years, 10 months ago

    Can someone please let me know what I need to do to format the items in the shop that appear at the bottom of the page so that
    a) they are in rows of same number of items
    b) the text under the item appears (at the moment it appears as white or invisible)

    Thanks

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support RK a11n

    (@riaanknoetze)

    Hi there,

    You could try the following custom CSS in your WordPress settings under Appearance > Customize > Additional CSS:

    
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 1em;
    color: #444;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 2.9% 2.992em 0;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-left: 0;
    min-height: 340px;
}

.woocommerce ul.products li.first, 
.woocommerce-page ul.products li.first {
    clear: none;
}
    Plugin Support RK a11n

    (@riaanknoetze)

    Closing due to lack of replies.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Format Woocommerce shop page’ is closed to new replies.