Customize slider

Hello, i would like to add a full width slider to the top of my homepage through visual composer. Is there any way i can decrease a little bit the height of the slider?

Thank you in advance

Hi

Try this css in theme panel > custom code > custom css and modify the height value as you want: http://screencast.com/t/nn6OX0R9Ck

.td-theme-slider.iosSlider-col-3, .td-theme-slider.iosSlider-col-3 .td_module_slide, .td-theme-slider.iosSlider-col-3 .td-module-thumb img{
height: 500px!important;
}

Thanks!

Thank you for your answer but this customization creates serious problem to how home page looks from a mobile

and from the desktop view the images look distorted when i change the height from 580 to 500.

Hi

Try to replace the previous code with this one, it will be applied only for desktop and tablet:

@media (min-width: 767px){
.td-theme-slider.iosSlider-col-3, .td-theme-slider.iosSlider-col-3 .td_module_slide, .td-theme-slider.iosSlider-col-3 .td-module-thumb img{
height: 500px!important;
}
}

The image look distorted because was designed for a height by 580px. So the image being displayed correctly you need to define a new thumb in td-config.php file: http://screencast.com/t/y22E5r0cDYt ten use it in td_module_slide.php to display the new image size: http://screencast.com/t/zCyQSd3mN You will also need to regenerate your thumbnails so the changes to take effect.

Thanks!

Hello, so i have to edit both this http://screencast.com/t/y22E5r0cDYt and this http://screencast.com/t/zCyQSd3mN by just changing the 580px with the 520px for example?

Thank you in advance

Hi

Yes you will need to create a new thumb size for the slider and the necessary steps are those I’ve shown above.
Thanks!