Button color on blog page


#1

Hi,

Button color on front page is ease to change.
But I want also change the button color in the blog page (the previous and next button). Also the button color on other pages. How can I do that?

Thanks.


#2

Hi,

You can change prev and next buttons with custom css code below:

.post-navigation .nav-previous,
.post-navigation .nav-next,
.paging-navigation .nav-previous,
.paging-navigation .nav-next {
    background-color: #ff6b53;
    box-shadow: 0 0 1px #adadad;
}

Hover color can be changed with custom css code below:

.post-navigation .nav-previous:hover, .post-navigation .nav-next:hover, .paging-navigation .nav-previous:hover, .paging-navigation .nav-next:hover {
    background-color: #222;
}

You can apply the code with simple custom css plugin. Also dont forget to change color values to your liking.

Other colors can also be changed with custom css code but you will have to post your page link and to specify which colors need to be changed.

Best Regards