Pagination Styling by Child Theme CSS only changes Latest Posts page

[Anonymous 108934]

Anonymous 108934

August 21, 2016 at 7:57 am

Hi,

My child theme CSS changes the home page pagination, but not the blog posts with pagination.

Here’s a post w/ pagination:
*Login to see link
The homepage’s pagination is what I want all pagination to look like:
*Login to see link

I had it working in the free vsn. of Virtue, but when I started trying to add the classes found in the blog post pagination div, I couldn’t get it to work right. Please tell me how to fix my child CSS (below) to get it to also style blog post pagination.

Thanks!

larger navigation numbers on latest posts home page
*/
.wp-pagenavi {
text-align: center
}
.wp-pagenavi a,
.wp-pagenavi span {
padding: 34px 20px 34px 20px;
font-size: 50px;
font-weight: 700;
margin: 5px 5px 20px 5px;
display: inline-block;
border: solid 4px #eee;
border-color: rgba(0, 0, 0, .05);
-webkit-transition: border .2s ease-in-out;
-moz-transition: border .2s ease-in-out;
-ms-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out
}
.wp-pagenavi a:hover {
border-color: #c72c00;
background: url(../img/20black.png);
background: rgba(0, 0, 0, .05)
}
.wp-pagenavi .current {
background: url(../img/20black.png);
background: rgba(0, 0, 0, .05)
}
/*
larger navigation numbers on paginated blog posts
*/
nav.page-nav p {
padding: 34px 20px 34px 20px;
font-size: 50px;
line-height: 1.5em;
font-weight: 700;
margin: 5px 5px 20px 5px;
display: inline-block;
border: solid 4px #eee;
border-color: rgba(0, 0, 0, .05);
-webkit-transition: border .2s ease-in-out;
-moz-transition: border .2s ease-in-out;
-ms-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out
}

nav.page-nav a {
margin: 1px 14px 1px 14px;
}

Some of what I changed to was doing was this, and it started blowing up other things like my Jetpack Share icons… so I came here.:

/*
larger navigation numbers on paginated blog posts
*/
nav.page-nav.pagination.kt-pagination p,span {
padding: 34px 20px 34px 20px;
font-size: 50px;
line-height: 1.5em;
font-weight: 700;
margin: 5px 5px 20px 5px;
display: inline-block;
border: solid 4px #eee;
border-color: rgba(0, 0, 0, .05);
-webkit-transition: border .2s ease-in-out;
-moz-transition: border .2s ease-in-out;
-ms-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out
}

nav.page-nav.pagination.kt-pagination a,span {
margin: 1px 14px 1px 14px;
}