How to style "older posts >" at bottom of blog?

Site URL: https://www.gayestepisodeever.com/episodes

Hi. I can't figure out how to change the way the space at the bottom of my blog post page looks. At the bottom of this page, I'd like to make the "older posts >"/"< newer posts" a different color and larger. Also there is a lot of dead space in this section. How can I trim that space so the last row of posts is closer to the footer?

Add to Design > Custom CSS

span.next-label {
    color: red;
    font-size: 30px;
}
.blog-list-pagination-icon.icon.icon--stroke {
    stroke: red !important;
}
[data-section-id="630167f70297fb0d0311152e"] {
    display: none;
}

This is great. Thank you.

Can you see a reason why there is so much extra space in that "older posts / newer posts" strip at the bottom of the blog grid, though? I've tried everything I can on the front end to trim it down and I can't figure out what's causing it. Is there a custom CSS solution?

8 hours ago, kidicarus222 said:

This is great. Thank you.

Can you see a reason why there is so much extra space in that "older posts / newer posts" strip at the bottom of the blog grid, though? I've tried everything I can on the front end to trim it down and I can't figure out what's causing it. Is there a custom CSS solution?

Try this CSS

body#collection-62ddebf18c9f8c11cbbb9b4d section.item-pagination.item-pagination--prev-next.bright {
    display: none;
}
.blog-basic-grid.collection-content-wrapper {
    padding-bottom: 0px !important;
}

How do I change the font for the text that show the title for the newer post and older post?

4 hours ago, nahlah said:

How do I change the font for the text that show the title for the newer post and older post?

font color, font name or?

I would like to use the custom font-family that I've used throughout my site so that everything looks cohesive, I'm not sure what the code is to change it

10 hours ago, nahlah said:

I would like to use the custom font-family that I've used throughout my site so that everything looks cohesive, I'm not sure what the code is to change it

Use this CSS. Replace monospace with your custom font name

.newer span, .older span {
    font-family: monospace;
}

13 hours ago, tuanphan said:

Use this CSS. Replace monospace with your custom font name

.newer span, .older span {
    font-family: monospace;
}

 

Hi there, this code didn't change the font when I tried

4 hours ago, nahlah said:

Hi there, this code didn't change the font when I tried

Which exact code did you add?

10 hours ago, tuanphan said:

Which exact code did you add?

I used the one you commented BUT I found a code you shared on another post that changed the blog titles to previous and next and just added the font I wanted and that worked perfectly!