Force homepage category view to all be the same size images

This topic has 7 replies, 3 voices, and was last updated 9 years, 1 month ago ago by Eva Kemp

  • Avatar: masseyn
    masseyn
    Participant
    February 17, 2015 at 03:02

    How can i force the category views of my products on the front page to all use the same size image as default ?

    6 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 17, 2015 at 08:51

    Hello,

    Please read more here how to set image size in our theme:
    https://www.8theme.com/demo/docs/woopress/index.html#!/woocommerce

    Regards,
    Robert Hall.

    Avatar: masseyn
    masseyn
    Participant
    February 17, 2015 at 16:28

    The issue I have is on my homepage about half way down I would like two rows of 4 columns on each row, displaying the product category name and image. The issue is every image is a different size and therefore looks different. You can see what I mean using the private content login details….

    Any ideas how to make this fit better ? I tried changing the size of the images in Woocommerce but that affected the product view as well….

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 17, 2015 at 16:42

    Hello,

    In your case you need to upload images with same size (for example, 370px width and 220px height) and then issue will be resolved.

    Regards,
    Robert Hall.

    Avatar: masseyn
    masseyn
    Participant
    February 17, 2015 at 16:57

    Ahhh that was my next step. Thanks very much for your help.

    Avatar: masseyn
    masseyn
    Participant
    February 17, 2015 at 18:50

    I am sure your going to say make the images smaller now, but I have set my page up as suggested but it only fits three categories across each row and I need 4 so I only have two rows ? Is there anyway of forcing this…

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    February 18, 2015 at 00:40

    Hello,

    You can try to use this code in custom.css file:

    .sidebar-position-without .product-category {
        width: 25% !important;
    }

    Thank you.
    Regards,
    Eva Kemp.

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

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

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