How to customize the page number button

Add the following to the enabled theme’s style.css.

.page-links li a,
.page-links li.current span {
	width: 22px;
	height: 22px;
	background: #c2c1c1;
	border: none;
	color: #fff;
	text-decoration: none;
	display: block;
}
.page-links li.current span,
.page-links li a:hover {
	border: none;
	background: #ea3b0a;
}

Or from setting up custom next page
Go to the style tab, and then select Edit Style Select the Style type
Style edit Please save the above code.

Hello, I wanted to do the same as OP and came across this. But when I input the above code the page numbers come out vertically, not horizontally. Any idea how I can fix this?

Thanks for posting this info. Works great!