Home Pagination Styling (CSS)
Reply: 1

Pagination Styling (CSS)

Dee
1#
Dee Published in 2017-12-07 21:59:46Z

I am trying to change the colour of my active pagination button from black to the light brown (#a88f4b), but it seems as though I can't get rid of the black. What is it I'm getting wrong here?

http://demo.boxofficeboxing.co.uk/?s=

.eltd-pagination a {
color: #666 !important; 
}
.eltd-pagination li.active {
background-color: #a88f4b !important; 
}
.eltd-pagination a:hover {
color: #fff !important; 
background-color: #a88f4b !important;
Colin Cline
2#
Colin Cline Reply to 2017-12-07 22:11:54Z

This is your line that should modify:

.eltd-pagination ul li a:hover,
.eltd-pagination ul li.active span {
    background-color: #a88f4b !important;
    color: #fff !important;
}

In you pagination, active li has span in it instead a tag so you had to set style on the span not li like code above. copy/paste code above in your css in very last line.

You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.298319 second(s) , Gzip On .

© 2016 Powered by mzan.com design MATCHINFO