Remove 'Previous' and 'next' from pagination

  • Posts: 69
  • Thank you received: 4
  • Hikashop Business
12 years 6 months ago #50383

Hi,

I was wondering about something: I have menu link to display all products in a category. The results take three pages; that's fine. But I want the pagination in the bottom displayed a little different. Now I have 1-2-3-next-end. I don't need the 'next' and 'end' buttons (and also not the 'start' and 'previous' when not on page 1). Even better would be if the pagination would be really cool with sometinh like arrows (something similar to the next and previous like pics in a lightbox). But the first option, just to remove the 'next' etc. and just keep the numbers 1-2-3 would also work).

Any ideas?

(website: www.kochane.com )

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
12 years 6 months ago #50416

Hi niqui,

You can change the pagination style by this way:

a[title='Einde']{
	display:none;
}

a[title='Volgende']{
	color:transparent !important;
	border: 0 !important;
	background-image:url(../images/icons/next.png);
	background-color: transparent !important;
	height: 35px;
}

a[title='Start']{
	color:transparent !important;
	border: 0 !important;
	background-image:url(../images/icons/next.png);
	background-color: transparent !important;
	height: 35px;
}

a[title='Vorige']{
	display:none;
}

The following user(s) said Thank You: niqui

Please Log in or Create an account to join the conversation.

  • Posts: 69
  • Thank you received: 4
  • Hikashop Business
12 years 6 months ago #50422

Thanks a lot! I can manage a lot with CSS, but never actually used the title in css code. Always learning ;)

Please Log in or Create an account to join the conversation.

Time to create page: 0.067 seconds
Powered by Kunena Forum