Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 21, 2017 at 1:27 am #841806
    JustinBean

    Hey there! How can I add a little ‘shadow’ to an element?
    Here is example: Example
    (I stole it from https://www.mediderm.nl/)

    As you can see in my example, the box has a subtle shadow around it. How can we create something like this with Enfold?

    My website is huidtherapie.online.

    Thank you!
    Justin Bean

    August 21, 2017 at 7:10 am #841880
    Rikard

    Hey Justin,

    Yes you should be able to do that, what element do you want to apply it to? If you want to try yourself then you can refer to this: https://www.w3schools.com/cssref/css3_pr_box-shadow.asp

    Best regards,
    Rikard

    August 22, 2017 at 8:18 pm #842748
    JustinBean

    Hello!

    Sorry for my late responds. In my case I want to apply it to this box on my website:
    Example

    (Huidtherapie.online)

    Can you give me an example on how to do it? So i’ll be able to do it myself in the future.

    Thanks again.
    Justin

    August 22, 2017 at 9:08 pm #842768
    Jordan Shannon

    Hi,

    For the section above you would want to add the following:

    .flex_column.av_one_third.avia-builder-el-30.el_after_av_one_third.avia-builder-el-last{
 box-shadow: 10px 10px 5px #888888!important;
}

    Best regards,
    Jordan Shannon

    August 22, 2017 at 9:15 pm #842773
    JustinBean

    Amazing Jordan thank you so much! It works great.

    Justin Bean

    August 22, 2017 at 9:19 pm #842775
    Jordan Shannon

    Hi,

    Great, I’m glad I was able to to help. If you need additional help in the future please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How can I add a 'shadow' to element boxes?’ is closed to new replies.