Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

The slideshow add on is not displaying the images correctly. The aspect ratio is skewed.

Featured Lock Resolved Issue
Like the title indicates, the aspect ratio of the image is not held. When the browser is narrow the images are squished and when the browser is widened the images get too wide. In the image below you can see how the picture should look on the left.

image-aspect-ratio-wrong.jpg

Attachments (1)

  • image-aspect-ratio-wrong.jpg
    image-aspect-ratio-wrong.jpg 117 KB

5 Answers

Sifat - Staff

More than a month ago #Permalink
Good to know you've solved your issue.

Great.

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Would you please share your site url here?

Ron Crocker

More than a month ago #Permalink
The site is not live at this point. The pictures plainly indicate the issue... is there a way to make it so the images maintain their aspect ratio as the browser size is varied?

Ron Crocker

More than a month ago #Permalink
I managed to fix this issue by changing the height instruction in the css to 'auto'. I had to add the code for each slide. So I assume the fix would be a change in the code to make the overall height css to auto.

.sp-slider #sp-slider-item-1549815160991-num-1-key #sp-slider-inner-item-1549815160993-num-2-key img {
height: auto !important;
width: 650px;
}

I found a better way to do this, this bit of off css will apply to all of the images in the sp-slider

.sp-slider img { height: auto !important; }


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 133
Sifat

Sifat

Total Accepted Answers: 88
Toufiq

Toufiq

Total Accepted Answers: 41
Pavel

Pavel

Total Accepted Answers: 7
Al Mamun

Al Mamun

Total Accepted Answers: 3

114

Templates

292500

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us