How to disable Display # dropdown list

Hi seniors,

I am using Hikashop 2.2 and use the menu link type "Categories list".
This link show all categories with pagination at the bottom.

I want pagination to be there but don't want to show that "Display #" Dropdown list.
Please guide how do i remove this "display #" dropdown list.

Secondly, I want to change the colors of the arrows on the right and left of pagination button, how can i change colors of those arrow.
screenshot attached.

Any help will be highly appreciated.

Thanks
Shahbaz.

hi
we need a real page to give clue.
page differ by number of css , order of css loading , css content .... so it ll be very difficult to heklpyou ithout have a look to the dynamic code .
You need to provide an url of your webpage or to one of the hikashop demo page .

regard's

Hi Lionel,

I am working on localhost because of that i dont have live url at that time.

On hikashop demo at this link:
demo.hikashop.com/index.php?option=com_h...ng&Itemid=90&lang=en

At the middle of the page it says:
Display # followed by 20 in dropdown list.
Result 1-1.

I want to remove this "Display# dropdown"

THanks

Many post is relative to problem on local server ( Desktop) . There is a simple way to have code without make the site on line .
This work only for style ( css) problem .
You can use a spider tool to copy all the url ressource of the page that have problem ( html css javascript image ).
then zip all the download file and post it to t he forum .
Thus we have all the ressource and page can be test on server ( http) since test using file:/ or C: is very bad way to test webpage .
Follow the step for wikipedia page crawler where you can find name of some tool for crawl website ( here only one page ) .

The simpliest way to achieve this is to use any browser : for example firefox ( see capture screen )
for launch this page click on html file call wiki\Web crawler - Wikipedia, the free encyclopedia.htm
the wiki file must be locate under apache server ( wwww)
modify the url to use http protocol

The way to resolve is very common if you read many post in hikashop forum .
You must use display: none;
It is a very basic common way in css even you can also place the widget in a position that ll not be rendering in the viewablearea of the browser ( negative position ) .
In the both case the html code is load on the client browser side but css say to not render the code .
so client browser load code but don't use it , it not a big size problem for code but if we need to load image we don't use it is a BIG problem !!!

in demo.hikashop.com/templates/hagane/css/template.css line 621
change
.hikashop_products_listing .hikashop_products_pagination .list-footer .limit {
color: #167e93;
font-weight: bold;
margin-bottom: 5px;
}
to
.hikashop_products_listing .hikashop_products_pagination .list-footer .limit {
color: #167e93;
font-weight: bold;
margin-bottom: 5px;
display: none;
}

see capture screen before and after

take care that sometime the change have to be specific to your website

regard's

Hi Lionel75,

Thanks for the help,
That was exactly........what I want.

Thanks alot and appreciated.