Home>Support>Related products image size

Related products image size

Hi
I would like to adjust the size of the Related Products image on a product page and the size of the text “Related Products” as the proportions are all wrong to me
1. The image at present is too large, seems to be the same size as the featured image for the product being viewed.
2. The text “Related Products” is too small but maybe ok when the image is reduced

How can do this?

Thanks Graham

URL: https://luvbaby.com.au/product/air-cocoon/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi Graham

    Apologies, looks like some styling is missing there.

    Try the following under Appearance > Custom CSS:

    /* WooCommerce */
    
    .woocommerce .related h2 {
    font-size: 18px;
    }
    
    .woocommerce .related ul li.product img, .woocommerce .related ul.products li.product img {
    width: 80%;
    }
    

    Adjust as required.

  2. 9 years, 8 months ago Graham24689

    Thanks that kind of works – look ok shows the image the size I would like but the width of the clickable area seems to be the same which pushes the sale badge when present away from the image.
    Any ideas on how to fix this and possible have more than 2 related products?

    Thanks Graham

  3. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Please try removing the initial CSS I sent for this and add the following instead:

    /* WooCommerce */
    
    .woocommerce .related h2 {
    font-size: 18px;
    margin-bottom: 1.5em;
    }
    
    .woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product {
    width: 20%;
    }
    
  4. 9 years, 8 months ago Graham24689

    Thanks Andrew that fixed it perfectly issue resolved.

  5. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad that did the trick.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More