Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 13, 2018 at 2:41 am #955926
    promisecenterchurch

    Is it possible to place a box shadow around a color section?

    For cells and elements, this works well, but not for color section: <style type = “text/css”> .drop-shadow {
    box-shadow: 0px 0px 10px black;
    }
    </style>

    Thanks,

    May 13, 2018 at 7:48 am #955969
    Rikard

    Hey promisecenterchurch,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-section {
  box-shadow: 0px 0px 10px black;
}

    Best regards,
    Rikard

    May 13, 2018 at 5:01 pm #956065
    promisecenterchurch

    Rikard,

    Had no effect on the color section at https://www.thepromisecenter.com/vision/

    I’ve given it a custom CSS class of “color-section”

    Works fine for cells and elements, but no effect yet on Color Section.

    May 13, 2018 at 7:22 pm #956105
    Guenni007

    to where should the shadow go ? outside the browser – only on top and bottom ?
    you can give it an inset shadow:

    .color-section {
    box-shadow: 0px 0px 35px black inset;
}

    or if you like the slider above:

    #full_slider_1 {
    box-shadow: 0px 10px 15px -10px #000;
}
    May 13, 2018 at 8:36 pm #956128
    promisecenterchurch

    The inset variable did it.

    Thanks

    You can close the ticket

    May 14, 2018 at 2:56 am #956166
    Vinay

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Box Shadow around color section?’ is closed to new replies.