Style image size

Resolved sitesuccess
(@sitesuccess)

8 years ago

Hi,

Is there a way to style shortcode output with css (mainly image size)?

Thanks

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

Plugin Contributor Vagelis
(@eboxnet)

8 years ago
Hello,
you can change shortcode’s image size like this
```
.woo-related-products-container.woo-related-shortcode img {
    /* you can apply any rule you like here */
    width: 60%;

}
```
Thread Starter sitesuccess
(@sitesuccess)

8 years ago

Thanks

I set it with % or px (height and width) but still every image is in different size

Plugin Contributor Vagelis
(@eboxnet)

8 years ago

If you set height and width all images should be the same (may look weird but will be the same) if it doesn’t work try to use !important.

If you give me your website URL I can have a look.

Thread Starter sitesuccess
(@sitesuccess)

8 years ago

Thanks.

Tried again and it’s not working. Maybe it’s because I’m using Elementor as my editor?
Anyways, you can see an example here: https://smallbizclub.co.il/product/%D7%90%D7%99%D7%9A-%D7%9C%D7%94%D7%A4%D7%95%D7%9A-%D7%90%D7%AA-%D7%94%D7%90%D7%AA%D7%A8-%D7%A9%D7%9C%D7%9A-%D7%9C%D7%A0%D7%9B%D7%A1-%D7%9E%D7%A0%D7%99%D7%91-%D7%A9%D7%9C-%D7%9C%D7%A7%D7%95%D7%97%D7%95%D7%AA-%D7%A8%D7%95%D7%AA%D7%97%D7%99%D7%9D-%D7%91%D7%A2%D7%96%D7%A8%D7%AA-%D7%9B%D7%AA%D7%99%D7%91%D7%94/

It’s located close to the bottom of page. You may need to refresh a few times to see the non-sized images
Plugin Contributor Vagelis
(@eboxnet)

8 years ago
Morning, I can see it now.

you can use something like that
```
.woo-related-products-container img {
    min-height: 260px;
}
```
The best possible solution would be to regenerate your thumbnails using bigger image dimensions or use bigger images but the rule above will fix your problem.

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

The topic ‘Style image size’ is closed to new replies.