Responsive Banner Slider image aspect ratio
- Posted by Oli Kingwell (3) Offline
Hi there,
I have responsive banner slider running 6 identical sized images on my websites homepage, when i shrink the window size, the images decrease in width to fill the browsers window, however the banners always stay at 400px in height.
How can i make the images preserve their aspect ratio with different window sizes?
Thanks!
9 years 2 months ago #1
by Oli Kingwell
I have responsive banner slider running 6 identical sized images on my websites homepage, when i shrink the window size, the images decrease in width to fill the browsers window, however the banners always stay at 400px in height.
How can i make the images preserve their aspect ratio with different window sizes?
Thanks!
Please Log in or Create an account to join the conversation.
- Posted by TemplatePlazza (5310) Offline
Hi, Can you tell me what animation type you use? Also, Can you let me know the URL of your site so I can take a look?
9 years 2 months ago #2
by TemplatePlazza
Please Log in or Create an account to join the conversation.
- Posted by Oli Kingwell (3) Offline
Please Log in or Create an account to join the conversation.
- Posted by TemplatePlazza (5310) Offline
Hi cleanerimageltd,
The problem is, the height of the wrapper for sequence effect cannot be 'auto', it's need to be defined with a fix size.
As a workaround, I have added option to define height value for tablet size and mobile size screen for sequence type 2. Can you try it and let me know the result?
You can re-download the updated module from here www.templateplazza.com/items/responsive-...slider-joomla-module
9 years 2 months ago #4
by TemplatePlazza
The problem is, the height of the wrapper for sequence effect cannot be 'auto', it's need to be defined with a fix size.
As a workaround, I have added option to define height value for tablet size and mobile size screen for sequence type 2. Can you try it and let me know the result?
You can re-download the updated module from here www.templateplazza.com/items/responsive-...slider-joomla-module
Please Log in or Create an account to join the conversation.
- Posted by Oli Kingwell (3) Offline
Hi there,
This seems to work, however the caption text taken from "Alternative Text" in the banner itself gets cropped when the image is reduced in width, is there a way to make the alternative text break on to a new line when there is no space for it?
Cheers!
9 years 2 months ago #5
by Oli Kingwell
This seems to work, however the caption text taken from "Alternative Text" in the banner itself gets cropped when the image is reduced in width, is there a way to make the alternative text break on to a new line when there is no space for it?
Cheers!
Please Log in or Create an account to join the conversation.
- Posted by TemplatePlazza (5310) Offline
Hi, can you try to add this code to your css file :
9 years 2 months ago #6
by TemplatePlazza
.subseqtitle {white-space:normal!important}Please Log in or Create an account to join the conversation.