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 l...
  • jc758's avatar
    jc758
    13 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

jc758's avatar
jc758
Advisor
13 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

  • Sam's avatar
    Sam
    Mentor
    13 years ago

    That did the trick! Thank you very much :)