Using the button block to go to next blog post

Hey @danachew

Hey! I am trying to use the button block to have my users go to the next blog post. I have a standard style of button that I prefer over the ‘next post’ block. Is there a way to have the button block send my users to the next blog post? Thanks!

That’s a great suggestion – sadly as of yet there’s not really a way to do that.

One option would be to figure out some CSS styling for the ‘next post’ block to make it look like the buttons?

That’s a great idea. Do you have any suggestions on getting us close? This is the only modification I’ve made to the standard button.

/* Button hover */
.wp-block-button__link:hover {
background-color: #9DFF20;
color: #FFFFFF;
}

Hi @danachew – do you have a link to a specific post/project where you have the next/previous buttons in place – it will make it much easier to make some CSS suggestions…

Yeah for sure, here is the specific page. It’s just in a ‘single post’ template.

https://petitworkshop.com/shambhala-publications/

I appreciate the help.

Awesome – thanks for sharing that link @danachew – could you please try adding this CSS code?

/* Hover styles for post navigation */
.wp-block-post-navigation-link a:hover {
    background-color: #9DFF20;
    color: #FFFFFF;
        font-style: normal;
    font-weight: 500;
    line-height: 1.3;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration:underline;
}

That worked perfectly, thank you!