Slider maximum relative height

@davidg07

I see the theme uses slider revolution. Have you looked under the height section of the main slider settings under grid settings?

@salsaturation

Thanks for answering.

You lost me a bit there ?? Where can I find this section ?

I’m a bit familiar with CSS (as in modifying it, not creating it) but besides that, I’m a complete novice in webdesign.

If this isn’t too much to ask, could you provide me some steps to follow ?

Thank you,

David

in WP admin Click on ‘Slider Revolution’ Hover over the slider you want to edit then click on the settings icon (cog-wheel) which will take you to the slider settings page and adjust the ‘Slide Layout’ (4) accordingly… Don’t forget to export or duplicate the slider first incase you need to revert

Hi,

@salsaturation thanks for your contribution.

@davidg07 Did the above solution work for you?

Let us know for further assistance.

Thank You

Hello,

I don’t have any Slider Revolution menu, see https://i.imgur.com/GVDH0v4.png

Am I supposed to ? I’m pretty sure I downloaded/activated all the recommended plugins and the slider is there, it’s just taking too much space.

Hi,

Open /js/functions.js file

and put below code after line number 2 (i.e. “use strict”)

var slider_img_size = $(window.top).height()*33/100;
  $('#kyma_owl_slider .item > img').css('height',slider_img_size+'px');

Save the changes.

You can change 33 to according to your need.

Let us know if you need any help.

Thank You

• This reply was modified 7 years, 7 months ago by webhuntsupport.

Thank you, it did exactly what I wanted.

Will this be lost if I update the theme ?

If so, any way I can put it in my child theme ?

Thank you again ??

Hi,

Please use any custom JS plugins from WP Plugin directory.

And put above JS code in it.

Save the changes.

Or create a “Child-Theme”.

Now create this structure /js/functions.js file into your “Child-Theme” directory.

Now enqueue “functions.js” file.

Save the changes.

Hope you done.

Thank You