Okay
  Public Ticket #2236929
Drop shadow
Closed

Comments

  • nicogriffioen started the conversation
    December 7, 2019 at 1:16pm

    How can I reduce the shadow depth? I'd like to have more control than only the 4 options given. Specifically, I want a softer shadow than the small depth shadow option. 

    Thanks! Nicolas.

  •  8,992
    Tahir replied
    December 8, 2019 at 8:29am

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

    ThemeNectar Support Team 

  • nicogriffioen replied
    December 9, 2019 at 8:52pm

    Hi there, here is the URL with the drop shadow boxes:

    https://workthatgram.com/all-reports/

  •  8,992
    Tahir replied
    December 10, 2019 at 11:33am

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    #header-outer[data-box-shadow="small"] {
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.22) !important;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.22) !important;
}

    Thanks

    ThemeNectar Support Team 

  • nicogriffioen replied
    December 10, 2019 at 3:02pm

    Hi Tahir, I added the code but didn't work. I clear cache but I see no changes. Am I doing something wrong? see screenshot.

  •  8,992
    Tahir replied
    December 10, 2019 at 7:15pm

    Hey Again,

    You need to reduce the values to make it softer . 

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    #header-outer[data-box-shadow="small"] {
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.1) !important;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.1) !important;
}

    Thanks

    ThemeNectar Support Team