[Resolved] Styling Page Numbers

Home Forums Support Styling Page Numbers

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1387674
    Math

    Hi,

    I’m trying to style the page numbers but I’m having issues when I’m hovering over the button, it doesn’t change colour. Can you please take a look at the code?

    .page-numbers, .page-numbers a:visited {
    	background: #161616;
        padding: 9px 12px;
        border-radius: 3px;
        color: #fff !important;
    }
    
    .page-numbers a:hover, .page-numbers a:active {
    	background: #195fff !important;
        padding: 9px 12px;
        border-radius: 3px;
        color: #fff !important;
    }
    #1387881
    David
    Staff
    Customer Support

    Hi there,

    try this:

    .page-numbers {
        background: #161616;
        padding: 9px 12px;
        border-radius: 3px;
        color: #fff !important;
    }
    
    a.page-numbers:hover,
    .page-numbers.current {
        background: #195fff;
    }
    #1387980
    Math

    That works. Thank you.

    #1387994
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.