[FinlandoParticipant]

Hello,

Can You tell me please, what is the correct CSS to get rid of the inner/top shadow of the search bar? This code seems to work for me, but only on desktop browsers..:

.form-search .search-query {
    box-shadow: none;
}

Thanks a lot in advance.

Cheers.

[FinlandoParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

Please try the following CSS instead:

.form-search .search-query {
    box-shadow: none !important;
    border: 1px solid #ddd !important;
}

Hope it helps!

[FinlandoParticipant]

Hi,

thank You… after using Your code, there is still the shadow on mobile. e.g. Safari/iPad

Cheers.

[ChristopherModerator]

Hi there,

Update previous code to :

.form-search .search-query {
    box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
    border: 1px solid #ddd !important;
}

Clear cache and test again.

Thanks.

[FinlandoParticipant]

Hi,

thanks for the update. the shadow is still visible on safari/iPad. (cleared browser cache)

Thanks.

[Paul RModerator]

Hi,

Please add this code as well.

div.x-widgetbar * {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

Thanks

[FinlandoParticipant]

Hi,

..no changes with this one.

Thanks.

[RupokMember]

Hi there,

Thanks for updating. Maybe we are not getting the issue correctly. Would you please clarify it a bit with a screenshot pointing the shadow so that we can make sure we are suggesting you the right code?

Thanks

[Author]

Posts