All blog posts, code samples and downloads licensed under Apache License 2.0.

Bootstrap pager: get rid of the default colors

Oliver Busse on 03/31/2014 07:19:52 PM CEDT, filed under CSS 

I really like the Bootstrap4XPages plugin but the default CSS deserves some tweaks. In this post I'll show you to define a decent color the Bootstrap'ed pagination control. Just add this to your custom stylesheet:

/* colors */
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #999999;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: pointer;

/* even get rid off the margins */
.pagination {
    margin: 0;

Tagged with css bootstrap xpages