Hello Louise,
You are on the correct way. Just is missing a few options.
Please try with this code below for the slider:
<div class="slider-container rev_slider_wrapper" style="height: 480px;">
<div id="revolutionSlider" class="slider rev_slider" data-version="5.4.8" data-plugin-revolution-slider data-plugin-options="{'sliderLayout': 'standard', 'delay': 9000, 'gridwidth': 1140, 'gridheight': 480, 'responsiveLevels': [4096,1200,992,500]}">
* Note where I changed the height values (480).
* Note that I changed the sliderLayout
option.
The Revolution Slider is very complicated on the start, but once you learn how it works the things get easier. Here is the documentation of Revolution Slider Jquery: https://www.themepunch.com/revsliderjquery-doc/slider-revolution-jquery-5-x-documentation/
Please, try that and let us know if you need further assistance.
Kind Regards,
Rodrigo.