Rails 3: How do you style will_paginate links?

user1946705 picture user1946705 · Sep 16, 2011 · Viewed 12.4k times · Source

In coding layout is the link styled like

<a href="#" class="class1 class2 class3"><span>Previous</span></a>
<a href="#" class="class1 class2 class3"><span>Next</span>

I tried to search and I found some possible modifications of a shape of these two links. It's:

<div class="pag">
  <%= will_paginate @data, :page_links => false, :next_label => '' %> 
</div>

<div class="pag">
  <%= will_paginate @data, :page_links => false, :previous_label => '' %>
</div>

My question: How can I update the second example to the shape of the first example? My problem is those two span elements...

Thanks

Answer

Sergio Belevskij picture Sergio Belevskij · Sep 4, 2014

It's can be very easy - just add html markup for your paginate components to your config/locales/en.yml file for example:

en:
  hello: "Hello world"
  will_paginate:
    previous_label: <span class="glyph glyph-prev"></span>
    next_label: <span class="glyph glyph-next"></span>

It's all!