Home Forums Porto – Responsive HTML5 Template Tp Caption Drop shadow

  • This topic has 2 replies, 2 voices, and was last updated 3 weeks ago by MoiraAllen. This post has been viewed 94 times
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #10031964
    MoiraAllen
    Participant

    Hi there – I am wondering if there is a way to add a drop shadow to the tp caption text for my rev slider. Thanks, Moira


    #10031966
    Support2
    Keymaster

    Hello Moira,

    You can add inline CSS style at HTML.

    Here’s an example with text-shadow:

    <h1 class="tp-caption font-weight-extra-bold text-color-light negative-ls-2"
    	data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"sX:1.5;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
    	data-x="['left','left','center','center']" data-hoffset="['152','152','0','0']"
    	data-y="center"
    	data-fontsize="['50','50','50','90']"
    	data-lineheight="['55','55','55','95']"
    	data-letterspacing="-1" style="text-shadow: 3px 3px 10px #d00f0f;">WEB DESIGN?</h1>

    * This will apply shadow in the text letters.

    And here’s an example with box-shadow:

    <h1 class="tp-caption font-weight-extra-bold text-color-light negative-ls-2"
    	data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"sX:1.5;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
    	data-x="['left','left','center','center']" data-hoffset="['152','152','0','0']"
    	data-y="center"
    	data-fontsize="['50','50','50','90']"
    	data-lineheight="['55','55','55','95']"
    	data-letterspacing="-1" style="box-shadow: 3px 3px 10px #d00f0f;">WEB DESIGN?</h1>

    * This will add box shadow in element that wraps the text. This type of CSS is good in cases of squared elements and not texts.

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

    Kind Regards,

    Rodrigo.


    #10031978
    MoiraAllen
    Participant

    Thanks very much for your help.


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