Jump to content
gray

Any ideas how to change height of image slider.

Recommended Posts

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

Share this post


Link to post
Share on other sites

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).

  • Like 1

Share this post


Link to post
Share on other sites

That is perfect Traumflug it works fine

 

I thought PS1.7 only had one CSS file

Share this post


Link to post
Share on other sites

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/

Share this post


Link to post
Share on other sites

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...)

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

I have set it 550px

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

working well

Juergen

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More