XF 2.2 How to change pagenavmain

[Abraham54]

I like to change pagenavemain via setting in extra.less.




Somewhere in the past, I found the extraless setting on this forum.
But I cannot find it anymore.

 

[Old Nick]

You can play with .pageNav-main .pageNav-page .pageNave-page--current .pageNave-page--later .pageNave-page--skip .pageNave-page--skipEnd

What do you want to change exactly ? Colors ?

 

[Abraham54]

I want to change everything.
As I wrote, in the past I could do this in extraless.
I want to change the background colors and the colors of the font.

 

[Old Nick]

You can try this code

.pageNav-page, .pageNav-page.pageNav-page--skip.pageNav-page--skipEnd {
    background: black;
    color: white;
    &:hover {
        background: grey;
        color: black;
    }
}

.pageNav-page.pageNav-page--current {
    background: red;
    color: white;
    &:hover {
        background: grey;
        color: black;
    }
}

.pageNav-jump {
    background: blue;
    color: white;
    &:hover {
        background: grey;
        color: black;
    } 
}

Play as you like with colors, my code give this result

 

[Abraham54]

@nicodak - you are great!
Many thanks, this is it what I was looking for!