Featured image not be 100% height? Chapelco RokSprocket
-
-
- thecoopersmith
- Jr. Rocketeer
- Posts: 43
- Thanks: 0
- (See #4 attached) By default when I add the featured image to the article/slide it resizes to be full height of the module area. The only way now if you have a smaller image and want it to be center vertically and have space around it is to create a transparent PNG the height of module. This makes for a very large file size. I would like to use a JPG and have it centered vertically within the module allowing space above and below it. Also, do this and keep responsive aspects working properly.
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Sorry for the late reply.
This is a limitation of current browser engines and the responsive technology used. For scaling purposes images can't have fixed dimensions, this leads to the issue you have.
Current responsive technology is about breakpoints defining what CSS comes into play to control content for that particular device.
So you could have 3 differently sized images, one for each breakpoint, for Desktop, Tablet and Smartphone modes. You would write your mediaqueries.css to call the appropriate image at each breakpoint.
-
Time to create page: 0.047 seconds