Post Pagination – Change style

[dailyviralweb]

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?

[Piotr (Tech Support)]

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

[dailyviralweb]

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.

[Piotr (Tech Support)]

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