Support Forums

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

Your Time: Our Time:

change height to slideshow full width

Featured Lock Resolved Task
hi.
I have an image (1920 x width x 400) and I want the slideshow to have a high size of 400px.
But nevertheless, it has 865 px high.
How can I change this value?
Thank you

10 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi, here is default code from template

.sppb-slideshow-fullwidth-item {
min-height: 865px;
position: relative;
}


Override with

.sppb-slideshow-fullwidth-item {
min-height: 400px;
max-height: 400px;
}

Attachments (1)

  • custom_css_field_helix3.png
    custom_css_field_helix3.png 9.9 KB

perillan

More than a month ago #Permalink
Hi.
now the container has those dimensions, but the image that is in the carrousel has these dimensions: 1920 x 400. and it does not look whole. see imgs

Attachments (1)

  • captura_carrusel2.jpg
    captura_carrusel2.jpg 119.3 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Alternative solution use only new value for min-height,
read more here: https://developer.mozilla.org/en-US/docs/Web/CSS/min-height

perillan

More than a month ago #Permalink
sorry but i dont understand....

Paul Frankowski - Staff

More than a month ago #Permalink
Play with different values, you have time it's your site, not mine.
I gave you solution, but you are smarter than me


.sppb-slideshow-fullwidth-item {
min-height: 400px;
}

perillan

More than a month ago #Permalink
I'm sorry, but I do not speak English well.

the problem is that the image has dimensions (1920x400) but the template makes it bigger ...
your solution works, but not for the image ....

Attachments (1)

  • captura3.jpg
    captura3.jpg 61.4 KB

Paul Frankowski - Staff

More than a month ago #Permalink
have you tried my css code?

perillan

More than a month ago #Permalink
yes. and reduce the container to 400px but the image is still bigger than it should be ...

perillan

More than a month ago #Permalink
I just uploaded the web to the server.
I can give you administrator username / password so you can see it

Paul Frankowski - Staff

More than a month ago #Permalink
ok, please. Use PM (Private Message, hidden under my profile avatar)


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: 135
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 120
Toufiq

Toufiq

Total Accepted Answers: 65
Pavel

Pavel

Total Accepted Answers: 5
Mohammed Ahmed

Mohammed Ahmed

Total Accepted Answers: 2

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