delete top part of box shadow

Play around with the values here: https://www.html-code-generator.com/css/box-shadow-generator and when you get the look that you want, click on Generate and use the CSS it gives you.

this isn’t quite working for me because I have more other cistom css which is changing this.

Each element can have only one box-shadow property. But each box-shadow property can have multiple shadows, separated with commas.
So the rule you showed here, can be changed and any other CSS that affects that element will either override it completely or be overridden by your rule.

Hi @davil2008,

Try this code

div#custom_html-5.widget_text.widget.widget_custom_html {
 box-shadow: 1px 9px 9px 4px rgba(163, 163, 163, 0.68);
}

No unfortunately, this didn’t work. would it help if I would delete the top border ? I tried, however it didn’t work, because it works on other widgets…

#custom_html-5.widget_text.widget.widget_custom_html {
 border-top: none;
}

any ideas ?

HI !! I actually now saw that this code is actually pretty nice !!

div#custom_html-5.widget_text.widget.widget_custom_html {
 box-shadow: 1px 9px 9px 4px rgba(163, 163, 163, 0.68);
}

but now I have one question, is there a way to delete the bottom shadow ?

OK, I managed with something like this:

div#custom_html-5.widget_text.widget.widget_custom_html {
 box-shadow: 1px 1px 9px 4px rgba(163, 163, 163, 0.68);
}

but the border/shadow ( I’m confused and can’t tell apart ) is still displaying. I know that what I’m saying is confusing and that you can’t help me based on this so I’ll just send you the location of the widget on my site and what exactly I want to delete.
my sites url is: https://justcook.co.il/. the last widget in the sidebar contains a search widget, and a red button titled: explore. between the two widgets there is a border/shadow. I want to delete the border and the shadow so that there will be nothing that separates between the two widgets. Got it ?