Viewing 3 replies - 1 through 3 (of 3 total)
  • Leo

    (@leohsiang)

    Thread Starter flyswan

    (@flyswan)

    Sir this article’s 1st CSS is not work in my-site, 2nd one is work properly but I need “NEXT” “PREVIOUS” button instead of this title

    also, I try this CSS to changing into NEXT-PREVIOUS

    /* In-Post Navigation Dekstop */ 
    @media (min-width: 769px) { .post-navigation {
        display: flex;
    }
    
    .post-navigation .nav-next {
        width: 50%;
        text-align: left;
    }
    
    .post-navigation .nav-previous {
        width: 50%;
    }
    
    .post-navigation .nav-next .next:before {
        display: none;
    }
    
    .post-navigation .nav-next .next:after {
        font-family: GeneratePress;
        text-decoration: inherit;
        position: relative;
        margin-right: .6em;
        width: 13px;
        text-align: center;
        display: inline-block;
        content: "\f104";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        speak: none;
    }
    
    	.nav-previous .prev:before {
        content: "\f105";
    }
    }
    
    /* In-Post Navigation Mobile */ 
    @media (max-width: 768px) {	.nav-previous .prev:before {
        content: "\f105";
    }
    
    	.post-navigation .nav-next .next:before {
    	content: "\f104";
    	}
    }

    need any colorable PREVIOUS-NEXT navigation with arrow

    Leo

    (@leohsiang)

    The first block is PHP function so needs to be added with one of these methods:
    Adding PHP: https://docs.generatepress.com/article/adding-php/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Next-Previous navigation in blog post’ is closed to new replies.