Help with product thumbnail width on homepage and customization

Home Forums All Other Themes Help with product thumbnail width on homepage and customization

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #152127
    • Topics: 10
    • Replies: 16
    • Total: 26
    Member since: December 6, 2018

    I have posted on a previous thread about this problem but did not get any response. I want to reduce the width of the listed products on the homepage, and also on my shop page The thumbnail is not that large and there is no need for the extra space. Please see photos:


    Shop Page:

    Also, there is a problem with the row of products on the homepage and shop page One row has two products, then the next one only has one product. It is not consistent.I also would like 4 products per row instead of 2 per row.
    See the photos below.
    Homepage row:
    Shop page row:

    Number of products in row (want 4 instead of two):

    Lastly, I want to customize the products that show on the homepage
    I have 14 products and 12 show on the homepage. For example, can I change the number of products that are shown (from 12 to A lower number) or show all 14 products instead of 12? Please tell me how to do this via the customizer.

    I have paid for another year of theme support, please help me with these problems. It is affecting the functionality of my site. Thanks.

    Forum ModeratorForum Moderator
    • Topics: 0
    • Replies: 30190
    • Total: 30190
    Member since: August 16, 2013


    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:21.70% !important;}
    .woocommerce ul.products li.product a img { margin:0 auto;}


Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.