[Skip to main content](#vessel-content) # Changing pagination: vertical to horizontal ## - **[miracleecho](/forum/user/18061-miracleecho "View miracleecho's Profile")** - [![miracleecho's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/18061-miracleecho "View miracleecho's Profile") Topic Author - [ Offline](/forum/user/18061-miracleecho) Less More - Posts: 102 - Thank you received: 2 - - 13 years 3 weeks ago - 13 years 3 weeks ago [\#127242](#127242) by [miracleecho](/forum/user/18061-miracleecho "View miracleecho's Profile") *[Changing pagination: vertical to horizontal](/forum/2-general-talk-about-hikashop/862694-changing-pagination-vertical-to-horizontal#127242 "-- 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.")* was created by *[miracleecho](/forum/user/18061-miracleecho "View miracleecho's Profile")* -- url of the page with the problem -- : [ rps.1stopwebco.com/hand-crafted-pens-pencils](http://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. Last edit: 13 years 3 weeks ago by [miracleecho](/forum/user/18061-miracleecho "View miracleecho's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MjY5NC1jaGFuZ2luZy1wYWdpbmF0aW9uLXZlcnRpY2FsLXRvLWhvcml6b250YWw/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 13 years 3 weeks ago [\#127289](#127289) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Changing pagination: vertical to horizontal](/forum/2-general-talk-about-hikashop/862694-changing-pagination-vertical-to-horizontal#127289 "-- 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: Code: .list-footer a, .list-footer span{ float:left !important;} Here is the documentation on how to customize the display: [ www.hikashop.com/support/documentation/1...ize-the-display.html](http://www.hikashop.com/support/documentation/153-customize-the-display.html) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MjY5NC1jaGFuZ2luZy1wYWdpbmF0aW9uLXZlcnRpY2FsLXRvLWhvcml6b250YWw/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[miracleecho](/forum/user/18061-miracleecho "View miracleecho's Profile")** - [![miracleecho's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/18061-miracleecho "View miracleecho's Profile") Topic Author - [ Offline](/forum/user/18061-miracleecho) Less More - Posts: 102 - Thank you received: 2 - - 13 years 3 weeks ago [\#127761](#127761) by [miracleecho](/forum/user/18061-miracleecho "View miracleecho's Profile") Replied by *[miracleecho](/forum/user/18061-miracleecho "View miracleecho's Profile")* on topic *[Changing pagination: vertical to horizontal](/forum/2-general-talk-about-hikashop/862694-changing-pagination-vertical-to-horizontal#127761 "-- 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.")* 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 [ ![h5870816.jpg](/forum/attachment/12860) ](/forum/attachment/12860 "h5870816.jpg") [ ![hf75af25.jpg](/forum/attachment/12861) ](/forum/attachment/12861 "hf75af25.jpg") (how it is now) pagination3.jpg (how i want it). Thanks. - [ ![h5870816.jpg](/forum/attachment/12860) ](/forum/attachment/12860 "h5870816.jpg") [ ](/forum/attachment/12860?download=1 "h5870816.jpg") - [ ![hf75af25.jpg](/forum/attachment/12861) ](/forum/attachment/12861 "hf75af25.jpg") [ ](/forum/attachment/12861?download=1 "hf75af25.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MjY5NC1jaGFuZ2luZy1wYWdpbmF0aW9uLXZlcnRpY2FsLXRvLWhvcml6b250YWw/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86323 - Thank you received: 14283 - - 13 years 3 weeks ago [\#127774](#127774) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Changing pagination: vertical to horizontal](/forum/2-general-talk-about-hikashop/862694-changing-pagination-vertical-to-horizontal#127774 "-- 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.")* You can simply copy/paste the CSS of firebug in the frontend CSS file of HikaShop so that it applies to the elements permanently. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MjY5NC1jaGFuZ2luZy1wYWdpbmF0aW9uLXZlcnRpY2FsLXRvLWhvcml6b250YWw/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[miracleecho](/forum/user/18061-miracleecho "View miracleecho's Profile")** - [![miracleecho's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/18061-miracleecho "View miracleecho's Profile") Topic Author - [ Offline](/forum/user/18061-miracleecho) Less More - Posts: 102 - Thank you received: 2 - - 13 years 3 weeks ago [\#127783](#127783) by [miracleecho](/forum/user/18061-miracleecho "View miracleecho's Profile") Replied by *[miracleecho](/forum/user/18061-miracleecho "View miracleecho's Profile")* on topic *[Changing pagination: vertical to horizontal](/forum/2-general-talk-about-hikashop/862694-changing-pagination-vertical-to-horizontal#127783 "-- 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.")* 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"> &gt;&gt;</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. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MjY5NC1jaGFuZ2luZy1wYWdpbmF0aW9uLXZlcnRpY2FsLXRvLWhvcml6b250YWw/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 13 years 3 weeks ago [\#127840](#127840) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Changing pagination: vertical to horizontal](/forum/2-general-talk-about-hikashop/862694-changing-pagination-vertical-to-horizontal#127840 "-- 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.")* You can use something like: Code: .counter, .hikashop_results_counter{ position: relative; right: 290px; top: 40px; } The following user(s) said Thank You: [miracleecho](/forum/user/18061-miracleecho "View miracleecho's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MjY5NC1jaGFuZ2luZy1wYWdpbmF0aW9uLXZlcnRpY2FsLXRvLWhvcml6b250YWw/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.065 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)