Changing pagination: vertical to horizontal

-- url of the page with the problem -- : rps.1stopwebco.com/hand-crafted-pens-pencils
-- HikaShop version -- : HikaShop Business: 2.2.2
-- Joomla version -- : 3.1.5
-- PHP version -- : 5.4.20
-- Browser(s) name and version -- : firefox 24

As you can see by the attachment my page number are listed vertical, which looks weird. I messed around with the settings in Hikashop but I cannot seem to find a way to change these numbers so they display horizontally on the page. Thanks.

Hi,

Your template seems to be overriding our css properties, that's why it is displayed like that.
Some overrides are required to solve your problem, you will have to use some properties like:

.list-footer a, .list-footer span{ float:left !important;}

Thanks i am almost there but not sure how to get the page and results centered now. I can do it through firebug but not sure where to go to make permanent change. See pagination2.jpg

Yes, i realize that i guess i wasn't very clear, sorry. The way i am doing it I am sure that i am wrong. Within firebug i find the follwoing:


<span class="hikashop_results_counter" wrap="10">
Results 10 - 18 of 59</span>

<span class="pagenav_end_chevron"> >></span>

I put a couple of breaks in <br /> and added align="center" - <br /><br /><br /><div class="counter" align="center">Page 2 of 7</div> but i did that through edit html, which i believe is wrong. I am not sure what the css i need to edit. sorry.

You can use something like:

.counter, .hikashop_results_counter{
position: relative; right: 290px; top: 40px;
}