Minimum 2.0 Posts Navigation

Community Forums Forums Design Tips and Tricks Minimum 2.0 Posts Navigation

This topic is: not resolved

This topic contains 5 replies, has 3 voices, and was last updated by  mariafernandez 1 year, 7 months ago.

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

    rsmithsd
    Participant

    I’d like to change the posts navigation to the minimum 2.0 default as seen at http://demo.studiopress.com/minimum.  My website http://www.iarise.org currently displays “older post” / “newer post”. I haven’t made any changes so I don’t know why my site doesn’t look like the default minimum 2.0.

    #4041

    Susan
    Moderator
    Post count: 7991

    Go to Genesis > Theme Settings > Content Archives > Select Post Navigation Technique > numeric.


    Susan @ Graphically Designing I’d love to customize your website! I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #4042

    rsmithsd
    Participant

    Just awesome!  Thank you Susan.

    #4048

    Susan
    Moderator
    Post count: 7991

    You’re welcome :)


    Susan @ Graphically Designing I’d love to customize your website! I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #6616

    mariafernandez
    Participant
    Post count: 18

    Susan, you’ve made my day.

    How do I now customize the page number background color? I’d like to make them all a darker gray and the active one orange. I’ve looked in my css file, but  I can’t see where to do it there. Any clues?

    #6618

    mariafernandez
    Participant
    Post count: 18

    I’ve now found the solution. If you want to change your post navigation colors, go Post Navigation in your style.css file

    My css now looks like this: (that’s darker background behind page numbers and a red active background with a white number)

    .navigation li a,
    .navigation li.disabled,
    .navigation li a:hover,
    .navigation li.active a {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #eee;
    border-radius: 3px;
    color: #777;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 8px 12px;
    text-decoration: none;
    }

    .navigation li a:hover,
    .navigation li.active a {
    background-color: #BA0202;
    color: #fff;
    }

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.