Related Products Image Size Issue

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Riaan K.

    (@riaanknoetze)

    5 years, 10 months ago

    Hi there,

    When looking at the URL you shared, I see that the container for that related product is set to the 30% of the normal width. This width is set by the theme you have active – Mistro.

    Ultimately you’ll need to get in touch with the developers of that theme to take a closer look but as an interim solution, you could try the following custom CSS under **Appearance > Customize > Additional CSS**:

    
@media screen and (min-width: 48em) {
  ul.products li.product {
    width: 100%;
  }
}
    Thread Starter clancel

    (@clancel)

    5 years, 10 months ago

    Thank you so much for the CSS. I see that the images on the related products section are the same. I would like to move the ‘add to cart’ button under the ‘price’. Would you happen to know the css for that?

    Plugin Support mouli a11n

    (@mouli)

    5 years, 10 months ago

    Hi there,

    Please try the following:

    .woo-related-products-container .price {
    display: block;
    padding-bottom: 16px;
    }

    I hope that helps you to figure it out.
    Feel free to get back to us if you have further questions.

    Missy a11n

    (@m155y5)

    Automattic Happiness Engineer

    5 years, 9 months ago

    We haven’t heard back from you in a while, so I’m going to go ahead and mark this thread as resolved. If you have any other questions please feel free to start a new thread.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Related Products Image Size Issue’ is closed to new replies.