XF 2.0 Pagenav style properties?

[Bryan]

Clearly I'm blind,

Can someone point me to where the pagenav style properties are?

 

[Chris D]

There isn't any which are significant. Most of the colours come from the standard colour palette. The CSS for the page nav stuff is in core_pagenav.less.

 

[Bryan]

Thanks Chris, must have spent half an hour going through all the style properties looking for it. I managed to do a basic style for someone exactly how they wanted it without using the extra.less template until the pagenav which was the last thing to do.

 

[Sunka]

Add in extra.less and change colors to what you like

a.pageNav-jump.pageNav-jump--prev
{
    background: #d5f9dc;
    color: #022e11;
}

a.pageNav-jump.pageNav-jump--prev:hover
{
    background: #276b73;
    color: #ffffff;
}

a.pageNav-jump.pageNav-jump--next
{
    background: #d5f9dc;
    color: #022e11;
}

a.pageNav-jump.pageNav-jump--next:hover
{
    background: #276b73;
    color: #ffffff;
}

li.pageNav-page
{
    background: #91cd9c;
    color: #000000;
}

li.pageNav-page:hover
{
    background: #d5f9dc;
    color: #022e11;
}

li.pageNav-page.pageNav-page--current
{
    background: #0a3b07;
    color: #fff;
    border: 1px solid #78b890;
}

li.pageNav-page.pageNav-page--current:hover
{
    background: #d5f9dc;
    color: #000000;
    border: 1px solid #78b890;
}

 

[Bryan]

Add in extra.less and change colors to what you like

I've already finished it now but thank you for replying.

 

[tomdav]

Why is this only style-able via hack?