Home Forums Porto Template Strugging with the "em" tag

This topic contains 2 replies, has 2 voices, and was last updated by  Support 4 months, 1 week ago. This post has been viewed 231 times

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #10019831

    lstein4
    Participant

    Been modifying the index-classic template for the home page.

    There is a container that at the bottom that used the “em” tag to highlight a word in blue that I liked using the class of “home-intro” and id=”home-intro”.

    I was looking to have it as part of the slider fade in so I add an additional div and CSS (see below). It all works, except the last letter of the highlighted word is cut off. I believe it is the “em” tag that is the issue. It is acting like the “em” tag is controlled somewhere else, but I cant find any code to indicate that it is.

    Suggestions on how I can fix this ?

    Thanks !

    <div class=”tp-caption bottom-label-ls”
    data-x=”75″
    data-y=”300″
    data-start=”1500″
    data-whitespace=”nowrap”
    data-transform_in=”y:[100%];s:500;”
    data-transform_out=”opacity:0;s:500;”
    data-mask_in=”x:0px;y:0px;”>That can Transform¬†Technology</div>

    ccs:
    .slider-container .bottom-label-ls {
    font-family: “Shadows Into Light”, cursive;
    color: #FFF;
    font-size: 52px;
    line-height: 200px;
    font-weight: 300;
    }

    .slider-container .bottom-label-ls em {
    font-family: “Shadows Into Light”, cursive;
    color: #0066ff;
    }



    Template Version: 5.5.0
    #10019834

    lstein4
    Participant

    Solved my own problem !

    Added padding: 20px 20px 10px 0px;


    #10019837

    Support
    Keymaster

    Hello, it’s great that you figured it out, please let me know if you have any other questions.

    Kind Regards,

    Jonas


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