[Resolved] CSS for blog archive navigation

Home Forums Support CSS for blog archive navigation

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1288381
    Cyndi

    I’m stuck and have looked through forum. Want to change GeneratePress paging CSS on blog page to look like on this page (done with Beaver Builder):

    Cyndi

    #1288744
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    #nav-below {
        text-align: center;
        padding-top: 0;
        padding-bottom: 0;
    }
    .nav-links {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .nav-links > * {
        display: block;
        padding: 10px;
        font-size: 16px;
        border: 1px solid #ccc;
        margin: 0 5px !important;
        background-color: #e36588;
        color: #ffffff !important;
    }
    .nav-links > .page-numbers:hover,
    .nav-links > .page-numbers.current {
       background-color: #5fcfcb; 
    }
    #1288778
    Cyndi

    Oh, my goodness; I was doing it every harder way to no avail. Worked perfect, thank you!

    Cyndi

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