Home Forums Porto Template How to keep text on the left of the slider all the time

  • This topic has 10 replies, 2 voices, and was last updated 2 months ago by  Support2. This post has been viewed 133 times
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #10030746
    alphakush
    Participant

    Hey, I want to keep the text on the left of the screen everytime.

    Right now, when i pass 500px of height, the text go to the right. I want to put the text on the left, even if we resize the window. Is that possible ?

    It’s :
    index-corporate.html – line 1019 -> 1091.

    The text in the first slider.

    Thank you


    #10030752
    Support2
    Keymaster

    Hello,

    Sorry but we couldn’t reproduce the issue here.

    Currently all the texts inside the slider of index-corporate.html are centered in all resolutions.

    Maybe you changed the code ? In that case please share with us the HTML code you are trying for the slider. Or better yet, send an online link with your website for us so we can inspect your code and help you.

    Kind Regards,

    Rodrigo.


    #10030769
    alphakush
    Participant
    This reply has been marked as private.
    #10030770
    alphakush
    Participant
    This reply has been marked as private.
    #10030772
    Support2
    Keymaster

    Hello,

    Thanks for the link.

    Please try with this code for the text layers:

    <div class="tp-caption text-color-light font-weight-normal"
    	data-y="center" data-voffset="['-80','-80','-80','-130']"
    	data-x="left" data-hoffset="30"
    	data-start="700"
    	data-fontsize="['28','28','28','40']"
    	data-lineheight="['25','25','25','45']"
    	data-transform_in="y:[-50%];opacity:0;s:500;">"Si il n'y a pas de rêve dans la vie</div>
    
    <div class="tp-caption font-weight-light text-color-light"
    	data-frames='[{"from":"opacity:0;","speed":300,"to":"o:1;","delay":2300,"split":"chars","splitdelay":0.05,"ease":"Power2.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
    	data-y="center" data-voffset="['85','85','85','140']"
    	data-x="left" data-hoffset="30"
    	data-fontsize="['28','28','28','40']"
    	data-lineheight="['26','26','26','45']">Il n'y a pas de vie"</div>

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

    Kind Regards,

    Rodrigo.


    #10030789
    alphakush
    Participant
    This reply has been marked as private.
    #10030790
    alphakush
    Participant
    This reply has been marked as private.
    #10030793
    Support2
    Keymaster

    Hello,

    Thanks for the video. Now I understood.

    Porto comes with a grid system inside the revolution slider. By default the alignment of layers is relative to this grid.

    Then we need tell layer to be relative to the entire “slide” and not the “grid”. For it just use this code for the text layers:

    <div class="tp-caption text-color-light font-weight-normal"
    	data-y="center" data-voffset="['-80','-80','-80','-130']"
    	data-x="left" data-hoffset="30"
    	data-start="700"
    	data-basealign="slide"
    	data-fontsize="['28','28','28','40']"
    	data-lineheight="['25','25','25','45']"
    	data-transform_in="y:[-50%];opacity:0;s:500;">"Si il n'y a pas de rêve dans la vie</div>
    
    <div class="tp-caption font-weight-light text-color-light"
    	data-frames='[{"from":"opacity:0;","speed":300,"to":"o:1;","delay":2300,"split":"chars","splitdelay":0.05,"ease":"Power2.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
    	data-y="center" data-voffset="['85','85','85','140']"
    	data-x="left" data-hoffset="30"
    	data-basealign="slide"
    	data-fontsize="['28','28','28','40']"
    	data-lineheight="['26','26','26','45']">Il n'y a pas de vie"</div>

    * Note the data-baselign.

    On the code above I defined a left offset on the texts, so it will generate a little space on left. If you want to remove this space just remove the data-hoffset="30".

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

    Kind Regards,

    Rodrigo.


    #10030801
    alphakush
    Participant

    DAMN DANIEL.

    God bless you bro, u’r the best !

    Kiss from France o/

    Thank you again !


    #10030809
    alphakush
    Participant

    Hey, sorry again, last thing.. Can we try to solve my contact form ? I really don’t understand why when I click on “send”, i see all the PHP contact form file… I need to use Ajax ? In my website (https://goncalvesweb.fr) when you send an email. It send the email and write you “message has beed send” and stay on the same page… But not on Porto template 🙁

    Thank you…

    My php contact form :
    https://pastebin.com/7yySZeQE

    My html form :
    https://pastebin.com/kMUDJVKB

    Thank you…


    #10030810
    Support2
    Keymaster

    Hello,

    1) Make sure you are including the script view.contact.js on footer of the page:

    2) The PHP code you provided is different of that comes with Porto. Please replace all code of the PHP file with that comes by default with Porto (php/contact-form.php).

    The basic contact form of Porto works with AJAX.

    If your contact form still not works with the changes above, take a look on this topic:

    If you did all the tips on the faq topic above, then please send an online link with your website for us. So we can do some tests, inspect your code and send a solution for you.

    Kind Regards,

    Rodrigo.


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