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
  • #10029812



    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.



    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-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:

    And here is the documentation of responsive levels:
    * 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,


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