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
    Posts
  • #152127
    kreedorganicskreedorganics
    Participant
    • 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 kreedbotanicals.com, and also on my shop page kreedbotanicals.com/shop. The thumbnail is not that large and there is no need for the extra space. Please see photos:

    Homepage: https://kreedbotanicals.com/wp-content/uploads/2020/05/Screen-Shot-2020-05-17-at-7.23.36-PM.png

    Shop Page:https://kreedbotanicals.com/wp-content/uploads/2020/05/Screen-Shot-2020-05-17-at-7.30.05-PM.png

    Also, there is a problem with the row of products on the homepage kreedbotanicals.com and shop page kreedbotanicals.com/shop. 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: https://kreedbotanicals.com/wp-content/uploads/2020/05/Screen-Shot-2020-05-17-at-7.33.00-PM.png
    Shop page row: https://kreedbotanicals.com/wp-content/uploads/2020/05/Screen-Shot-2020-05-17-at-8.18.57-PM.png

    Number of products in row (want 4 instead of two): https://kreedbotanicals.com/wp-content/uploads/2020/05/Screen-Shot-2020-05-17-at-8.15.11-PM.png

    Lastly, I want to customize the products that show on the homepage kreedbotanicals.com.
    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.

    #152138
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29056
    • Total: 29056
    Member since: August 16, 2013

    Hi,

    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;}

    Regards,
    Chris

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