Any ideas how to change height of image slider.

[gray]

Any ideas how to change height of image slider.

 

Its nice having a slider, but sometimes its just to high for some of my templates. Besides which I do not want to go stretching my images to fit.

 

prestashop-v1.7.0.0_RC3

[Traumflug]

Didn't look it up for 1.7.0.0 final yet, but with ...-rc1, slider height is defined in _dev/css/components/imageslipder.scss line 8 (height: 340px;) and line 11 (height: 100%. After changing this you have to re-build the theme, of course (which is apparently an issue in its own).

[gray]

That is perfect Traumflug it works fine

 

I thought PS1.7 only had one CSS file

[meska]

Hmm, It doesn't work for me. I use presta 1.7.2. I tried to adjust the height and clear the catch.

Container height is still fixed and whenever i resize my web browser image becomes smaller than container and background becomes visible.

 

You can check: http://www.mylinenfabric.com/

[dimam]

you change the CUSTOM.CSS file in the theme ASSETS folder for any css customisation.

custom.css has highest priority.

in the case of the slider you put for example

.carousel .carousel-inner {
    height: auto;
}

thus the hight will depend on your source image height

if you put any other value, it will not adapt itself automatically to different media (phone, tablet...)

[need2011]

I have upgraded to version 1.7.4.2 and have used dimam solution in 1.7.2.3 just adding the !important

.carousel .carousel-inner{
    height:auto!important;
}

This worked fine in 1.7.2.3

Since upgrading to 1.7.4.2 it does not work any longer I even took out the "!important"  cleared the cach and still not working?  Anyone have a solution?

[soydemadrid]

Hi I have the same issue with 1.7.4.3 - did anyone find a solution to change the slider height please?

[GepardChester]

Hi to All,

This is a solution:

first make a copy

public_html/themes/classic/assets/css/theme.css
find in file:     carousel .direction{z-index:auto}.carousel .carousel-inner{height:

for example in my file:               carousel .direction{z-index:auto}.carousel .carousel-inner{height:245px}@media (max-width:767px)

  just change height according yours preferences, do not forget to clear the cash memory and compile (to see efect).

If some-else will describe better solution then Please publish.

[day]

I have set it 550px

"carousel .direction{z-index:auto}.carousel .carousel-inner{height:550px}"

working well

Juergen