This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Related products image size

Resolved 5 replies premiumthemetheme-vantage
Graham24689
11 years ago · Last reply by Andrew Misplon 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 11 years, 30 days ago

    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. Graham24689 11 years, 29 days ago

    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. Andrew Misplon Staff 11 years, 29 days ago

    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. Graham24689 11 years, 29 days ago

    Thanks Andrew that fixed it perfectly issue resolved.

  5. Andrew Misplon Staff 11 years, 28 days ago

    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.

Have a different question or issue?

Start New Thread