Styling pagination
Some content in your Joomla! website may run over multiple pages (for example, some search results). By styling pagination, you can again help to distinguish your Joomla! template from others.
Getting ready
Open your template's primary stylesheet; generally, this will be called template.css
, and is located in the templates\rhuk_milkyway\css\
directory if we are using the rhuk_milkyway template (as we are for this demonstration).
It is also worth bearing in mind the typical structure of the pagination feature within the HTML. We can find this by searching for a common word such as "the" or "Joomla!" on our website.
<span class="pagination"> <span>«</span> <span>Start</span> <span>Prev</span><strong> <span>1</span></strong> <strong> <a href=" index.php?searchword=Joomla&searchphrase=all& Itemid=1& option=com_search&limitstart=20" title="2">2</a> <...