同様の変更をしたかったため、以下子テーマのstyle.cssに記述することで入れ替えました。
お役に立てば幸いです。
.pagination.single {
flex-flow: row-reverse;
}
.pagination.single a[rel=prev] {
padding: 15px 15px 15px 30px;
margin: 0;
}
.pagination.single a[rel=next] {
padding: 15px 30px 15px 15px;
margin: 0;
}
.pagination.single a[rel=next]:before {
border-right: 1px solid;
border-bottom: 1px solid;
-webkit-transform: rotate(
-45deg
);
transform: rotate(
-45deg
);
right: 1em;
left: inherit;
border-left: none;
}
.pagination.single a[rel=prev]:before {
border-left: 1px solid;
border-bottom: 1px solid;
-webkit-transform: rotate(
45deg
);
transform: rotate(
45deg
);
left: 1em;
right: inherit;
border-right: none;
}
.pagination.single a[rel=next]:hover:before {
right: 0.7em ;
left: inherit;
}
.pagination.single a[rel=prev]:hover:before {
left:0.7em;
right:inherit;
}