Accent color isn't applied to Older Posts buttons

By default, there is no older posts button, as far as I know. Is that added by a plugin (I’m guessing Jetpack infinite scroll)? I know that that button isn’t actually a button on WordPress.com, but it might be worth getting that addressed in Jetpack if that’s what you’re seeing.

Yes, I thought that, too. I deactivate Jetpack and (thought I) cleared my cache. Then I thought maybe the theme folks baked infinite scroll into the theme.

Anyway, thanks for what you do.

It’s not in the theme, but if you can find where it’s from it may be possible to apply the correct styling to it. Does it show up with the green color (which would be bad), or is it just inconsistent with the colored styling of other buttons in the theme?

Same issue. The button showed up with the Xbox green color on mobile. I’m using the blue, so I manually styled over it with:

#infinite-handle span {
background: #1e73be;
background-color: #1e73be;
}

#infinite-handle span:hover {
background-color: #3b90db;
}

EDIT: Also, I’m pretty sure it comes from Jetpack Infinite Scroll, because that’s what I’m using.

That’s definitely Jetpack and they’re doing something pretty wrong to cause this issue. Rather than using an actual button and inheriting the theme (or at a minimum the browser’s) styling (which would also inherit modifications made by plugins), they’re making fake button and applying arbitrary styles that need to be defined by every theme.

I think the best solution is to ask the Jetpack devs to fix this issue, which, although apparently intentional, really doesn’t make sense. They’re making it unnecessarily difficult for themes and plugins to have compatibility. If they offer a good reason why they won’t/can’t fix it, then I can consider adding their selector to this plugin, but that shouldn’t be necessary to accomplish what they’re trying to accomplish.

By the way, to manually fix this you can add the custom CSS @jaegermeiste posted, replacing the hex color values with the value of your accent color (and the lightened version, if you know how to find that). Also add:

#infinite-handle span:active {
background-color: #55d737;
}

Since this is a bug with Jetpack, you can use the Custom CSS Jetpack module to add this.

Thanks for getting back to me. I ended up doing a child theme for other changes I wanted to make.

Thanks again for the plugin. I’ll consider it in the future. It is super handy.

Fourteen Colors 1.0.2 supports a .button class, which has been added to Twenty Fourteen 1.1, to be released with WordPress 3.9. This enables Jetpack to inherit the button styling including Fourteen Colors’ custom colors, with minimal changes to their code.

It’s up to Jetpack to fix this now, and what they’re doing is very, very wrong. There’s nothing else I can do here without adding arbitrary 3rd party selectors to Fourteen Colors. Users can add the code posted above if they need it.