Support Forums

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

Your Time: Our Time:

Slideshow on Hope

Featured Lock Resolved Task
Hello, with the Slideshow on Hope when I reduce the width of my page the photo decreases too.
I would like the photo to always be displayed in full, and therefore that the slideshow fits in height.
I do not find how to do this :-(

11 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Please make sure you've selected the fluid width to yes http://prntscr.com/m4x0bs
You can also share your site url here.

-Best Regards

Reivilo

More than a month ago #Permalink
Hello,
I do not ask for full width on the site because it's already full-width slideshow on Hope.
I want my picture always appears in full in the slideshow, now the picture is no longer full when I have a smaller screen.
Thank you

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your reply. Would you please share your site url here? That would help to solve your issue easily.

-Best Regards

Reivilo

More than a month ago #Permalink
Hello, I would like the slideshow to adapt its height to always have the whole picture as on the Rhino template or on this site https://www.albertsports.be
Thank you

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your reply. I found all is working fine in my end. http://prntscr.com/m7g0iu
Would you please inform if your issue is solved or not?

Reivilo

More than a month ago #Permalink
Hi,
Thanks for your reply. I found all is working fine in my end. http://prntscr.com/m7g0iu
Would you please inform if your issue is solved or not?


I've been trying to explain to you for days.
Of course on albertsports.be it works, this is the model that I give you.
Hope it does not work ... Look at the head of my message "Slideshow oh Hope"
I want Hope on the slideshow works the same way as on the site albertsports.be
Thank you.

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your reply. Please use this css into your custom css to get the full view of the background image.

.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg {
height: auto !important;
}


Here is how it'll look like http://prntscr.com/m7tlkk

-Best Regards

Reivilo

More than a month ago #Permalink
Hello,
your css code does not work
This code adapts the height according to the text and not according to the photo.
I sent you a private message with a link.
- Slide 1 small text, small picture,
- Slide 2, large text, larger photo
- Slide 3, no text, no photo

Greetings

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your reply. You need to use same sized image (at least same height images) for the slider to get the same look for the slider.
And if you don't use any image or text in your slider that slider won't show.

Note: since the slider won't resize the images automatically you need to use same sized image there. Also in our latest page builder we've added a new slidershow addon. You can also check that.

-Best Regards

Reivilo

More than a month ago #Permalink
Why do not you want to respond correctly to my initial request?!?
To make you happy I put 3 times the same image, so always the same height ...
When the text is smaller, the photo is lower ...
My problem is that I always want to have the whole image, not that it is diminished between computer and smartphone.
thank you in advance

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your reply. Please remove my previous css

.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg {
height: auto !important;
}


Then apply the following css instead.

.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg {
background-size: 100% 100% !important;
}

Hope this will solve your issue.

-Best Regards


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 122
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 89
Toufiq

Toufiq

Total Accepted Answers: 32
Pavel

Pavel

Total Accepted Answers: 3
Al Mamun

Al Mamun

Total Accepted Answers: 3

100+

Templates

200,000+

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