Align pagination, select, actions, search, search icon boxes

[1b5085]

Forum URL: (private)

Edit: Just discovered the pagination plugin. Although I still would love to know how to align the boxes below, I'd also like to get rid of the default pagination box on top. How to delete it?




I would like to reduce the height of this pagination box and align it with the select/actions/search box.

Also align the little search icon box with the search input field.

It looks very well aligned here at the support forum but not on my default forum (yet ).

And while we're at it, how to adjust the background color of the page number displayed?

[Scott]

1b5085 -


Add this to the bottom of your CSS. It should bring it all into sync:


/*action bar adjustment*/
.ui-pagination li {font-size:small;}
.ui-search .search-filters-button {
   max-height: 21px;
   padding: 3px 4px 0px 4px;
}
.ui-selectMenu-box {font-size: small;}

[1b5085]

Lovely. You just made me very happy. Thanks!

[1b5085]

Oh no.. Alignment is off again, this time the pagination thing being smaller than the other boxes. How to fix this and keep it all synced? Scott

[Scott]

1b5085 - I made a small change in your CSS to the code I had given you. How does it look now?

[1b5085]

Thanks! I hope I won't ruin it again.