[dennas]

I guess I do not understand how to add the code, which I show in my last reply, to an image that is set via the plugin settings page and a field, instead of directly in the page. All I know to do is add the image in the field. Can I add code in that field too? If so what would that look like?

All I know is to add an image, and then it displays at a standard low resolution

[dennas]

You must not have a high-res monitor. The image you sent looks quite bad to me. I forgot so quickly how things used to look after getting my high res laptop a few years ago. If you view this on a tablet or phone, you will notice the difference.

So many plugins now have a double pixel rate for retina images, because the screen resolution is so high. But these buttons are set to be very small, at only 65 px high so that they look like a good size for a button. If I make them 130 px high, they become double-sized buttons and make the layout look weird.

The way retina or high res is usually handled, is to set an actual size for the image to display:

<div style=”width:150px; height:200px”></div>

And then use an image that is double: 300px x 400px, so on high res displays you see a high res image in the smaller space. It looks crisp. So is there a way to add CSS to the button images for products that will restrain the size that the button displays?

thank you

[dennas]

[https://theartinstructor.com/full-year-offer/]

[Author]

Posts