Override Pagination <ul> classname

Topics: Writing themes
Oct 27, 2012 at 8:17 PM

Is there a shape I can put in my theme so that I can override the class name added to the <ul> tag of the pager?

It's currently <ul class="pager"> and I need to override it to <ul class="pagination">

I would change my css, but this is an extension to bootstrap and "pager" is used for something else. I'd prefer to keep bootstrap the same and simply change the class name on the <ul> tag

Thanks for the help!

p.s. If anyone knows how to add the class "current" to the currently selected page on the pager, that would help as well. Thanks so much!

Oct 27, 2012 at 8:30 PM

Bertrand described how to override the pager shape in his blog.

Oct 27, 2012 at 8:46 PM

taking a look now...thanks

Oct 27, 2012 at 9:51 PM

I was able to do it with a slight change to my css without overriding bootstrap and then by adding Pager.CurrentPage.cshtml to my theme so I could style the current page.