Home Forums Porto Template Revolution Slider Captions

This topic contains 1 reply, has 2 voices, and was last updated by  Support2 4 months, 3 weeks ago. This post has been viewed 273 times

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

    lyfecomputing
    Participant

    Hi,

    Hope all is well! How can I adjust the position of the caption text located on the revolution slider “tp-caption”

    If perform an inspect element from Chrome I can see the style:
    Style Attribute {
    position: absolute;
    display: block;
    visibility: visible;
    left: 754px;
    top: 292px;
    z-index: 1;

    I would like to adjust the value for “top” but cannot locate it in the css style sheet. Please assist.


    #10029818

    Support2
    Keymaster

    Hello, thanks for your purchase.

    You can change the position of revolution slider layers on the HTML code. Don’t is recommended change by CSS.

    For example:

    <div class="tp-caption text-color-light font-weight-normal"
    			data-x="['left','left','center','center']" data-hoffset="['200','200','0','0']"
    			data-y="center" data-voffset="['-50','-50','-50','-75']"
    			data-start="1000"
    			data-fontsize="['22','22','22','40']"
    			data-lineheight="['25','25','25','45']"
    			data-transform_in="opacity:1;s:500;">DO YOU NEED A NEW</div>

    The data-x and data-y attributes controls the position of the layer, so here is where you need change the values.

    You can learn more about positioning here:
    https://www.themepunch.com/revsliderjquery-doc/basic-layer-content-markup/

    And here is the documentation of responsive levels:
    https://www.themepunch.com/revsliderjquery-doc/responsive-setup/
    * The responsive levels are activated on the example above, that is the four values for each attribute, where each values is for the pre-defined 4 levels of resolution.

    Please, try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


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