Home Forums Porto Template How to adjust Revolution Slider

This topic contains 1 reply, has 2 voices, and was last updated by  Support2 2 days, 21 hours ago. This post has been viewed 42 times

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10020542

    CJorg
    Participant

    Hi there!
    I am using your Home Classic Light Revolution Slider code (boxed version) and hope you can advise:
    – How I can reduce the height of the slider (I want it 50% shorter than your current code)
    – How can I achieve larger text
    – How can I have different color text
    – How can I gain a better understanding of x/y coordinate placement??
    Thanks so much,
    CJ



    Template Version: 4.8.0
    #10020568

    Support2
    Keymaster

    Hello,

    1) To reduce the height:

    <div id="revolutionSlider" class="slider rev_slider" data-plugin-revolution-slider data-plugin-options="{'delay': 9000, 'gridwidth': 1170, 'gridheight': 250, 'disableProgressBar': 'on'}">

    * Note “gridheight” value.

    2, 3) To make a text more larger and change color:

    <div class="tp-caption"
    	data-x="right"
    	data-y="center"
    	data-width="800"
    	data-start="500"
    	data-fontsize="18"
    	style="white-space: normal; color: red;">Lorem ipsum dolor sit a met. Lorem ipsum dolor. Lorem ipsum dolor sit a met. Lorem ipsum dolor. Lorem ipsum dolor sit a met. Lorem ipsum dolor. Lorem ipsum dolor sit a met. Lorem ipsum dolor. Lorem ipsum dolor sit a met. Lorem ipsum dolor. Lorem ipsum dolor sit a met. Lorem ipsum dolor. Lorem ipsum dolor sit a met. Lorem ipsum dolor. Lorem ipsum dolor sit a met. Lorem ipsum dolor. Lorem ipsum dolor sit a met. Lorem ipsum dolor. </div>

    * data-width makes the text more larger.
    * style="color: red;" change the color of text to red.
    * data-fontsize control the font size.

    4) A better understanding of x/y you can read on documentation of Revolution Slide Plugin. This link below on item “3”:
    https://www.themepunch.com/revsliderjquery-doc/basic-layer-content-markup/

    Kind Regards,

    Rodrigo.


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