[Resolved] Inline Post Navigation with SVG Icon Type

Home Forums Support Inline Post Navigation with SVG Icon Type

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1233046
    Randy

    Hey guys!

    This isn’t a support request. Just a quick heads up on the Inline Post Navigation documentation page.

    If you’re using the SVG icon type, the provided CSS doesn’t work so great.

    For what it’s worth, here was my solution.

    .post-navigation {
    	display: flex;
    }
    
    .post-navigation .nav-next {
    	width: 50%;
    	text-align: right;
    	display: flex;
    	flex-direction: row-reverse;
    }
    
    .post-navigation .nav-previous {
    	width: 50%;
    }
    
    .nav-next .gp-icon {
    	margin-left: .6em;
    	margin-right: 0;
    }

    I’d assume there’s probably some other instances where the documentation CSS might not work as expected if you’re using the new SVG icon type in the customizer. Just thought I’d let you guys know.

    GP is the best and your support is always top notch! Thank you!

    #1233360
    Tom
    Lead Developer
    Lead Developer

    Thank you for sharing it! Will get the CSS updated ASAP 🙂

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.