[Resolved] The Search Reset button/link thing is showing drop shadow even tho none is set

[Author]

Posts

[gordonW-2]

Hello.

On our Project Portfolio page, the "Clear all Filters" link is showing a drop shadow. on hover. The problem is that none is set in the settings for that block.

How do I prevent this? Attached is a screenshot of the current settings.

The page is at: hidden link and the issue is viewed by simply hovering over the "X Clear all Filters" link to the left of the project images

thx.

[Waqar]

Hi,

Thank you for contacting us and I'd be happy to assist.

The box-shadow style is being added from the CSS code coming from the Kadence theme.

To override it, you can include the following custom CSS code in the view's CSS editor:

.wpv-filter-form input[type="button"],
.wpv-filter-form input[type="button"]:hover,
.wpv-filter-form input[type="button"]:focus {
    box-shadow: none !important;
}

Tip: To check which CSS code is applying to different page elements, you can use Google Chrome's inspect element tool, as explained in this guide:
hidden link

regards,
Waqar

[gordonW-2]

Ahh ... thank you. I was pulling my hair out trying to figure out wy that was happenening.

Thank you for your help!

My issue is resolved now. Thank you!