[Resolved] Styling the "page-numbers" class with the customizer.

Home Forums Support Styling the "page-numbers" class with the customizer.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1311615
    Ron

    Am I looking at it and simply not seeing it… or is there no way to customize the “page-numbers” class in the customizer?

    Just wanted to check before I try to do it via the “Additional CSS” column within the customizer.

    Thanks,
    Ron

    #1311692
    Leo
    Staff
    Customer Support

    Hi there,

    There isn’t a built-in option to style the page numbers.

    Let me know if you need help with the CSS 🙂

    #1311780
    Ron

    Thanks Leo,
    I’ve got it mostly worked out. As it is now, things look good enough not to obsess over the remaining 20%.

    The two small things remaining (as shown on http://www.ronjones.io/page/2 at the bottom:

    1. the instructions below give me the right look in Firefox. But the font color in Chrome is still the link color I specified in the configurator (it uses my palette, so it’s no big deal).

    2. in both chrome & firefox, the background of the “current page” box still glows blue on hover. Even if I add .page-numbers.current:hover to the list below (I’ve added it in to the third set to show how I tried it).

    .page-numbers {
    color: #a1a1a1;
    background-color: #efefef;
    border: 1px solid #a1a1a1;
    border-radius: 4px;
    }
    .page-numbers.current {
    color: #ffffff;
    background: #a1a1a1;
    border: 1px solid #b11900;
    }
    .page-numbers.current:hover,
    .page-numbers:hover {
    color: #ffffff;
    background-color: #a1a1a1;
    border:1px solid #b11900;
    }

    #1312818
    Leo
    Staff
    Customer Support

    I’m seeing this CSS that’s providing the blue background color:
    https://www.screencast.com/t/GrMFGBtj3kR

    #1312968
    Ron

    Thanks Leo!
    I’ll play with this some and see what I can do.
    Ron

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