1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Editing colors of Pagination links

Discussion in 'Styling and Customization Questions' started by Joshua, Jun 9, 2012.

  1. Joshua

    Joshua Active Member

    I installed a theme that needs some editing to the pagination link colors. See the attached image below. Nearly illegible... Where can I edit these style settings? Screen shot 2012-06-08 at 9.49.58 PM.png
  2. Shelley

    Shelley Well-Known Member

    Just had a quick glance at my css and here is what I had in the extra.css Template you would only have to alter the colours to suit.I'm quite sure though that you can go and alter them in the style properties.

    .PageNav a {
        background-color: #f1f1f1;
        border-color: #d2d2d2;
        color: #313131;
    .PageNav a.currentPage {
        background-color: #e6ebd5;
        border-color: #c3d195;
        color: #545c3c;
    .PageNav a:hover, PageNav a:focus {
        background-color: #c9d3a5;
        border-color: #9dac6b;
        color: #545c3c;
    Joshua likes this.
  3. Joshua

    Joshua Active Member

    Anyone know where I can do this in the style properties interface instead of editing a css file directly?
  4. Steve F

    Steve F Well-Known Member

    Style Properties -> PageNav, Link Groups and Tabs
  5. Joshua

    Joshua Active Member

    Thank you!

Share This Page