Design and CSS styles
Version 5.x > Design and CSS styles > Use Images For Paging in Blogs View modes: 
User avatar
Member
Member
kelements - 2/19/2011 3:13:01 AM
   
Use Images For Paging in Blogs
I have added paging to my blog and currently it looks like this

Displaying results 1-4 (of 5)
< 1 - 2 >

I would like to remove the numbering and use an arrow image pointing right and an arrow image pointing left to replace the < & > characters in the above example.

How do I do this?

User avatar
Kentico Consulting
Kentico Consulting
kentico_borisp - 2/21/2011 8:05:36 AM
   
RE:Use Images For Paging in Blogs
Hello,

You can access the mentioned area with css and style it according your needs. Here are some examples:

 .PagerNumberArea 
{
color:red;
}

.PagerNumberArea.UnselectedPrev
{
color:green;
}

.PagerNumberArea .SelectedPrev
{
color:yellow;
}
.PagerNumberArea .UnselectedNext
{
color:blue;
}

.PagerNumberArea .SelectedNext
{
color:orange;
background-image:url('~/right.jpg');
}


Best regards,
Boris Pocatko

User avatar
Member
Member
kelements - 2/22/2011 10:13:14 PM
   
RE:Use Images For Paging in Blogs
Perfect, thanks for your help, works great.