XF 2.2 How to change pagenavmain

Abraham54

Well-known member
I like to change pagenavemain via setting in extra.less.

pagenavmain.webp


Somewhere in the past, I found the extraless setting on this forum.
But I cannot find it anymore.
 
Solution
You can try this code
Less:
.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

Capture web_6-6-2022_143934_regionalis.fr.jpeg
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 ?
 
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.
 
You can try this code
Less:
.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

Capture web_6-6-2022_143934_regionalis.fr.jpeg
 
Solution
Top Bottom