Limit Max Width of Classic Promo Element Image

[freedomdesign]

Hi there,

I am using the Classic Promo Element on this page and want to limit the max size of the images in the "How To Buy section.

Can you help me achieve this? Like set a max width in pixels or percent…

https://macaron.flickdigital.co/macaron/

Thanks in advance!

[rad]

Hi @freedomdesign,

Thanks for reaching out.

Do you prefer static max width? If yes, please add this CSS to your global custom CSS.

.x-promo-image-wrap img {
    min-width: 0;
    max-width: 150px;
    margin: 0 auto;
}

Else, change the 150px value to a percentage not greater than 100%. Example, max-width: 60%;

Cheers!

[freedomdesign]

Thanks! I only wanted to do one element but used your code to get the css right.

Thanks so much!

[rad]

You’re most welcome! And yes, the idea should be the same