Forum Discussion

Sam's avatar
Sam
Mentor
14 years ago
Solved

lia-paging-page-active - doesn't seem to work

Hi,

 

I've been trying to add this line to our CSS in order to change the colour/background of the active page number but despite what I do, it doesn't seem to activate. The other classes such as lia-paging-full-pages are working fine.

 

Anyone have any ideas or success using this?

 

Thanks!

Views
Sign in to react to this post
  • jc758's avatar
    jc758
    14 years ago

    Hi,
    this should do what you want (except for the colors ;) )

     

    #lia-body .lia-content ul.lia-paging-full .lia-paging-page-first > span.lia-link-disabled, 
#lia-body .lia-content ul.lia-paging-full .lia-paging-page-last > span.lia-link-disabled, 
#lia-body .lia-content ul.lia-paging-full .lia-paging-page-active > span.lia-link-disabled, 
#lia-body .lia-content ul.lia-paging-full .lia-paging-full-pages li > a:hover{
background-color:#FF0000;
color:#FFFFFF;
}

     

     

    Hope this helps

    regards

    JC

2 Replies

  • jc758's avatar
    jc758
    Advisor
    14 years ago

    Hi,
    this should do what you want (except for the colors ;) )

     

    #lia-body .lia-content ul.lia-paging-full .lia-paging-page-first > span.lia-link-disabled, 
#lia-body .lia-content ul.lia-paging-full .lia-paging-page-last > span.lia-link-disabled, 
#lia-body .lia-content ul.lia-paging-full .lia-paging-page-active > span.lia-link-disabled, 
#lia-body .lia-content ul.lia-paging-full .lia-paging-full-pages li > a:hover{
background-color:#FF0000;
color:#FFFFFF;
}

     

     

    Hope this helps

    regards

    JC

    Sign in to react to this post
  • Sam's avatar
    Sam
    Mentor
    14 years ago

    That did the trick! Thank you very much :)

    Sign in to react to this post