Remove box shadow on search results pagination

[dstro003]

Hello support team,

I would like to remove the box shadow from the pagination on the search results page.

This code does not seem to be working

.search-results .x-pagination{
box-shadow:none; !important
}

Help would be appreciated.

Thanks

[jumar]

Hello @dstro003,

Thanks for writing in!

It is because a semi-colon ; wasn’t properly placed on your CSS rule. Semi-colons is a must to end a CSS rule declaration.

Please update your current code to this:

.search-results .x-pagination { 
     -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
             box-shadow: none !important;
}

Hope it helps.

[dstro003]

Thanks for the help Jumar,

but the code does not seem to be working.

The box shadow on the pagination is still showing.

Unauthorized

Thanks!

[jade]

HI there,

The page you have linked requires login access.

Please provide us with the logins in a Secure Note so that we can check it.

Thank you.

[dstro003]

Sorry about that! I have added the login info

[jumar]

Hello there,

You can use the CSS code:

.x-pagination a, .x-pagination span {
     -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
             box-shadow: none !important;
      border: 1px solid #eaeaea;
}

Hope this helps.

[dstro003]

Hey Jumar,

Thank you for the updated code! It has worked!

Is there any way to remove the text shadow on the pagination as well?

I tried adding span. current to this but it did not seem to work

Thanks again for the help!

[jade]

Hi there,

Please update the code to:

.x-pagination span.current,
.x-pagination a, .x-pagination span {
     -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
             box-shadow: none !important;
      border: 1px solid #eaeaea;
}

Hope this helps.

[dstro003]

Great! Thanks for your help!

[jade]

You’re most welcome.