Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 30, 2021 at 10:17 pm #1319034
    sunilskrishnan

    Hi,
    I have video backgrounds on my front page and some of the other pages. I have some text on top and because the text isnt always legible, I have applied a drop shadow in the quick CSS:
    #Sunil_Shadow h3, h4, h5, h6, p { text-shadow: 0px 0px 6px rgba(0,0,0,1) !important; }

    Some of the pages have a white background and I dont want the the drop shadow. How do I apply drop shadow only to certain pages?
    Thanks

    September 1, 2021 at 6:23 am #1319283
    Ismael

    Hey sunilskrishnan,

    Thank you for the inquiry.

    You can apply a custom css class name or ID to the builder elements and use it to define a css rule for sections or elements that should have the shadow or that should have a custom style. The css fields are located in the elements’ Advanced > Developer Settings toggle.

    // https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

    Best regards,
    Ismael

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