Full Screen Slider Reduce Height Javascript

Hi cannan!

Could you provide us with a link to the site in question so that we can take a closer look please?

Regards,
Rikard

Hi!

Why did you edit the script? Note that you can use the Fullwidth Easy Slider to add a non-fullscreen video slider. It is possible to set the size in the slider options.

Regards,
Ismael

Hi!

Please try to create a test page with the Fullwidth Easy Slider. Set the Slideshow Image and Video Size to 1500x630px then add a video slide. Set the Video Size to the second option. Let us know if you don’t like the result.

We really don’t encourage the modification of the theme’s core files because it will be remove or break when you update to the latest version.

Regards,
Ismael

Hey!

Add this in the Quick CSS field:

div#full_slider_1, div#full_slider_1 > * {
  height: 500px !important;
  max-height: 500px !important;
}

div#full_slider_1 .slideshow_align_caption {
  position: relative;
  top: -80px;
}

Use css media queries to change the height of the slider on different screen sizes. You can also turn on the custom css class attribute: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Best regards,
Ismael

Hi!

Use this in side the media query:

div#full_slider_1, div#full_slider_1 > * {
  height: 350px !important;
  max-height: 350px !important;
}

The second css code above should re-align the captions.

Cheers!
Ismael

Hi!

Hmmm.. The caption alignment looks ok when I checked. What is the screen resolution of your monitor? Maybe this will do:

div#full_slider_1 .slideshow_align_caption {
  position: relative;
  top: -30%;
}

Best regards,
Ismael