Std Blog pagination not working since latest update

Hello @grahamclements,

I can see some styles on your web page is come from Litespeed cache folder. Could you please clear the cache or deactivate Litespeed Cache plugin for temporary and recheck your issue.
Please use the hard-refreshing to check the results: https://i.postimg.cc/bv2dt56N/image.png

Hi Shahin,

Thanks for trying to help.

I cleared the cache, and then did a hard refresh, no luck. I deactivated litespeed, and did a hard refresh, no luck. I reactivated litespeed and turned all the css and js functions off and then cleared the cache and did a hard refresh, no luck.

I made the website a while back and it has some custom code for blog entries.
`/* Blog entries */
.blog-entry.large-entry { max-width: 833px; margin: 0 auto 30px auto; text-align: center; }
.blog-entry.large-entry ul.meta li { float: none; display: inline-block; }
.blog-entry.large-entry ul.meta li:after { padding: 0 4px 0 6px; }
.blog-entry.large-entry .blog-entry-summary { max-width: 640px; margin: 0 auto 20px auto; }
.blog-entry.large-entry .blog-entry-readmore a { font-weight: 400; padding: 10px 26px; border-radius: 30px; }
ul.page-numbers { padding: 30px 0 0; }
.page-numbers a, .page-numbers span:not(.elementor-screen-only), .page-links span { border-radius: 50%; }`

I removed all this code from the custom code section, cleared the cache and did a hard refresh, no luck. I’ve currently put this code back.

Because I have a bit of custom css (about five times as much as the snipet above), should I have a child theme?

Hello @grahamclements,

For troubleshooting, please do the following steps:

1- Head over to WP Dashboard > Plugin.
2- Deactivate all plugins.
3- Then, first activate the Ocean Extra plugin.
4- Check your issue.
5- Then activate your plugins one by one
6- After activation of any plugins, check your issue
7- Refresh the customizer and check to see which plugin is causing the issue.

If the above steps didn’t help you, you could use the CSS below in Customizing Environment > Custom CSS/JS on the “CSS code” section:

ul.page-numbers {
    margin: 10px 0;
    text-align: center;
    clear: both;
}

ul.page-numbers li {
    display: inline-block;
}

.page-numbers a,
.page-numbers span:not(.elementor-screen-only),
.page-links span {
    position: relative;
    display: inline-block;
    min-width: 40px;
    min-width: 40px;
    line-height: 38px;
    margin: 0 8px 0 0;
    text-align: center;
    color: #555;
    border: 1px solid #e9e9e9;
    font-size: 18px;
}

.page-numbers a:hover,
.page-links a:hover span,
.page-numbers.current,
.page-numbers.current:hover,
.page-links>span {
    background-color: #f8f8f8;
    color: #333;
}

I turn off all the plugins, and the problem was still there, so I then added the code and the problem seems to be fixed. Thanks for your help.

I’m glad it’s fixed.
You’re welcome.