Home Forums EZY Template RevolutionSlider Renposive Height

This topic contains 4 replies, has 2 voices, and was last updated by  Support2 6 days, 12 hours ago. This post has been viewed 84 times

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #10027384

    Kagulenay
    Participant

    Slider height %50
    http://prntscr.com/ktx8ic
    Soryy, I Dont speak English


    #10027385

    Kagulenay
    Participant

    + I want to reduce to half


    #10027390

    Support2
    Keymaster

    Hello, thanks for your purchase.

    To do that, you can use this code as an example:

    <div class="slider-container rev_slider_wrapper" style="height: 275px;">
    	<div id="revolutionSlider" class="slider rev_slider" data-version="5.4.7" data-plugin-revolution-slider data-plugin-options="{'delay': 9000, 'gridwidth': [1140,960,720,540], 'gridheight': [275,275,275,275], 'responsiveLevels': [4096,1200,992,576], 'parallax': { 'type': 'mouse', 'origo': 'slidercenter', 'speed': 2000, 'levels': [2,3,4,5,6,7,12,16,10,50], 'disable_onmobile': 'on' }, 'navigation' : {'arrows': { 'enable': true, 'hide_under': 767, 'style': 'slider-arrows-style-1' }, 'bullets': {'enable': true, 'style': 'bullets-style-1', 'h_align': 'center', 'v_align': 'bottom', 'space': 7, 'v_offset': 25, 'h_offset': 0}}}">

    You can change the height of the slider by change the “gridheight” option.
    Notice the style=”height: 275px;” is the height that the slider will start on first page load.

    Please, try this and let me know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10027392

    Kagulenay
    Participant
    #10027397

    Support2
    Keymaster

    Hello,

    You can use the code that we put in that link for you: https://pastebin.com/raw/4B9a6JWe
    Realize that I had to raise the slider height to 300px to fit everything in a natural way.

    Please, try this and let me know if you need further assistance.

    Kind Regards,

    Rodrigo.


Viewing 5 posts - 1 through 5 (of 5 total)