Forum Discussion

Sam's avatar
Sam
Mentor
13 years ago

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!

  • 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

  • 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

  • Sam's avatar
    Sam
    Mentor
    13 years ago

    That did the trick! Thank you very much :)