- This topic has 3 replies, 2 voices, and was last updated 5 years, 5 months ago by .
Post Pagination – Change style
You must be logged in to reply to this topic.
Hello, on my site I have enabled page pagination in the post, but would like to change the look of the “next page button to look like the one on this page: http://scribol.com/anthropology-and-history/bridge-so-terrifying-causing-drivers-panic-attacks/
Here is my site: http://dailyviralweb.com/index.php/2017/08/14/14-essentials-for-surviving-a-nuclear-war/
How can I change the “next page” and “previous page” links to large buttons?
Hello there,
You should add some CSS code to your Appearance > Customize > Additional CSS. The code below will produce buttons similar to the ones you mentioned. However, you may want to adjust padding/margins to make it look even better.
.page-links a {
background: #ff972d;
color: #fff;
font-family: “Stafford Regular”, “stafford-serialregular”, “Stag Web”, “Times New Roman”, Times, serif;
font-size: 32px;
font-weight: bold;
letter-spacing: 2px;
padding: 20px;
text-align: center;
width: 100%;
float: left;
text-transform: uppercase;
text-decoration: none;
}
I hope the above is useful to you.
Cheers,
Piotrek
Thank you, this is very helpful and it works! One more question, how can I move these buttons to be right below the end of the post, currently its at the very bottom of the page.
Thank you again for your assistance.
Hey there,
You can move these buttons by writing a WP hook. We do not offer developer services, if you want to hire one, we recommend WP Kraken.
Don’t hesitate to reach me back if you need anything else.
Cheers,
Piotrek
You must be logged in to reply to this topic.