My shop is display images very large and only one product

[mrk79uk]

Hi

I have switched themes and when Kleo is active I am getting very large images displayed and only one product displays in category view.

I was hoping you may have a suggestion?

Kind Regards

Mark

[mrk79uk]

Sorry… just worked out the images that were missing but can the image size be adjusted? My other theme displays the images at there correct size but this theme enlarges them.

[Radu]

Hi,

The image it’s stretched in all available space you can use this css to limit the width of the image

COPY CODE

@media(min-width:100px) {
    .images .kleo-images-wrapper  img { max-width:400px;}
}

The css will be added to wp-admin -> theme options -> general settings -> quick css

cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[mrk79uk]

Thank you very much. That has worked perfectly. How would I then reduce the size of the related products please?

Kind Regards
Mark

[Radu]

With this css

COPY CODE

@media(min-width:1000px) {

    .woocommerce-page .related ul li.product img, .woocommerce-page .related ul.products li.product img {
        max-width:300px !important; 
        margin:0 auto;
    }

}

For the previous CSS there it’s a mistake on @media(min-width:100px) it should be 1000 not 100 add the missing 0

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts