[Resolved] Turn next and previous post links to theme buttons?

Hi, To turn next and previous post links to buttons go to your Theme Customizer >> Layout >> Blog.

Should incase you’re still having issues do let me know and i’ll be happy to assist.

Hi there,

do you have an example of the style you want to achieve ?

Try this CSS:

#nav-below {
    margin-top: 10px;
}

.nav-previous,
.nav-next {
    position: relative;
    margin-top: 10px;
}
#nav-below .nav-previous a,
#nav-below .nav-next a {
    display: block;
    padding: 20px 40px;
    background-color: #ff0000;
    color: #fff;
}
#nav-below .nav-previous a:hover,
#nav-below .nav-next a:hover {
    background-color: #565656;
}
.nav-previous .gp-icon,
.nav-next .gp-icon {
    position: absolute;
    top: calc(50% - 15px);
    left: 10px;
    font-size: 20px;
    color: #fff;
}
.nav-next .gp-icon {
    left: unset;
    right: 0;
}
@media(min-width: 600px) {
    #nav-below {
        display: flex;
        justify-content: space-between;      
    }
    .nav-previous,
    .nav-next {
        max-width: calc(50% - 10px);
    }
}

Let us know. May want to change its behaviour for mobiles.

Updated the CSS above.

You’re very welcome – glad to be of help.

Hi Ravi

do you want to raise a new topic where you can share a link to your site, and i can take a look ?

Do you want the nav links stacked on mobile?

If so, try adding this CSS:

@media(max-width:767px) {
.single-post nav#nav-below {
    flex-direction: column;
}

.single-post nav#nav-below > * {
    width: 100%;
}
}