Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 7, 2017 at 6:22 pm #873840
    diefleischerei

    i use a text shadow for the text in a fullscreen slide:

    /*schatten bei normaltext slider*/ #top .avia-fullscreen-slider p { text-shadow: 1px 1px 7px #000 !important; } /*Schatten Überschrift Fullscreen slider*/ #top .avia-fullscreen-slider h2 { text-shadow: 1px 1px 7px #000 !important; }

    How can i apply this text to a text field inside a color section.

    i want apply the shadow to a headline (a) and a normal text (2). how can i do this? can i use the upside code as an customcssclass? how? https://imgur.com/a/ugDVj

    November 7, 2017 at 6:22 pm #873841
    diefleischerei

    And is there a simple way to add a background to the text like here (3) https://imgur.com/a/W4mCk

    November 9, 2017 at 12:14 am #874355
    Yigit

    Hi Alex,

    Please go to Enfold theme options > Layout Builder and check “Show element options for developers” and then edit your element and give it a custom CSS class (“my-custom-class” in example below) and then add following code to Quick CSS field in Enfold theme options > General Styling tab

    .my-custom-class .av-special-heading-tag { text-shadow: 1px 1px 7px #000 !important; background:rgba(0,0,0,0.5); }
.my-custom-class .av-subheading { text-shadow: 1px 1px 7px #000 !important; }

    Best regards,
    Yigit

    November 9, 2017 at 10:57 am #874586
    diefleischerei

    Amazing. It works great for the subheading but not for the header. i have added both class.

    https://imgur.com/a/NbCQn

    November 9, 2017 at 3:43 pm #874722
    Yigit

    Hi,

    Please remove “,” from your custom class “headerschatten, subheaderschatten”

    Best regards,
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.