[Resolved] How to change the size of the blog navigation the bottom of the main page?

[bluebit]

With generatepress I don’t see an option to change the size of the bottom navigation that’s on the blog page. The navigation numbers 1, 2, 3 etc. on the bottom I’d like to make the size larger, how to do this is there an option?

[David]

Hi there,

try this CSS:

.nav-links {
    font-size: 20px;
}

[bluebit]

awesome that worked, do you know how I can decrease the padding for this element?

.separate-containers .site-main > :last-child, .one-container .site-main > :last-child {
margin-bottom: 0;
}

for some reason its not working because this code below prevents it:

.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header, .wp-block-group__inner-container {
padding: 40px;
padding-top: 40px;
padding-right: 40px;
padding-bottom: 40px;
padding-left: 40px;
}

[David]

You can use this CSS to change the padding values:

.separate-containers .paging-navigation {
    padding: 10px 10px 10px 10px;
}

[bluebit]

thank you

[David]

You’re welcome

[Author]

Posts