XF 2.3 Can't change page number border on hover



Notice the blue and red borders on the hover in the page numbers, I can not change them and I have tried changing them with css. Please help!

The only way i can get rid of it is if I put another thicker border over the top of it
 
Last edited:
It seems you use a custom style, maybe you should check the style properties related to it, or ask to the style developer.
Otherwise, in XF 2.3, page nav are customizable under Appearance > Style properties > Page numbers

Last, to remove red and blue borders (background in fact) you can try this code:
Less:
.pageNav-page:hover, .pageNav-page:active
{
    background: none;
}

.pageNav-page.pageNav-page--current:hover, .pageNav-page.pageNav-page--current:active
{
    background: none;
}
 
It seems you use a custom style, maybe you should check the style properties related to it, or ask to the style developer.
Otherwise, in XF 2.3, page nav are customizable under Appearance > Style properties > Page numbers

Last, to remove red and blue borders (background in fact) you can try this code:
Less:
.pageNav-page:hover, .pageNav-page:active
{
    background: none;
}

.pageNav-page.pageNav-page--current:hover, .pageNav-page.pageNav-page--current:active
{
    background: none;
}
Thankyou so much. It worked!
 
Back
Top Bottom