HTML5 Image Enhancer Support Product Page

Image Enhancer w/rounded edges changes shape on responsive website.

Asked 13 Feb 2014 15:44:46
1
has this question
13 Feb 2014 15:44:46 David Slentz posted:
I wanted to use Enhancer to create circle images on a responsive website, but shape changes as viewport changes. Smaller=greater radius. Is it possible to make the shape consistent on all viewing platforms.

My url is: dm-webcreation.com/airpyramid/

Replies

Replied 13 Feb 2014 15:54:27
13 Feb 2014 15:54:27 Teodor Kuduschiev replied:
Please be a little more detailed? What exactly is the border radius set and where did you set it?
Replied 13 Feb 2014 18:28:03
13 Feb 2014 18:28:03 David Slentz replied:
Border radius set at "50" for all four corners. Setting made in Image Enhancer Control Panel. This setting was applied to the three images at the bottom of a modified Bootstrap 3 Landing Page Template.
URL: dm-webcreation.com/airpyramid/

I have only set the radius parameters once in this webpage, yet When viewed on the iPhone sized viewport, the corners of the image increase too much.
Replied 14 Feb 2014 10:38:48
14 Feb 2014 10:38:48 Teodor Kuduschiev replied:
Hello David,
The border radius is actually not increasing.. it is always 50px. It is your images that get smaller, as they are responsive.
Replied 14 Feb 2014 14:27:23
14 Feb 2014 14:27:23 David Slentz replied:
Is it possible to use a percentage rather than a specific px size? Or if I wanted circles could I use Bootstrap3 "img-circle" and remove radius from Image Enhancer?
Replied 14 Feb 2014 14:39:21
14 Feb 2014 14:39:21 Teodor Kuduschiev replied:
Yes, you can use percents as values.

Reply to this topic