Subscribe button design broken after update

Hello Kristofer,

Are you speaking of the Jetpack Blog Subscription widget in the sidebar on your blog page at https://www.knracing.se/blog/?

We did make changes to the button in this widget, but those were already made in Jetpack 7.0 which was released in February. From which version did you update now?

Has there been any recent updates to your theme? I’ve checked using a few different themes, and on all of them the Subscribe button uses the theme’s styling, as it should, which leads me to believe this might be something specific to the theme you’re using. As it’s a theme sold by Themeforest I’m not able to test with it directly, though.

That is correct, the jetpack blog subscribtion widget. Cant remember which version of Jetpack that I updated from, but im using 7.2.1 now. No recent theme updates.

If I add the css class code below to the button in Google console, it changes to theme design.

<button type=”submit” name=”jetpack_subscriptions_widget” class=”sc-button” Prenumerera</button>

• This reply was modified 5 years, 10 months ago by kristoferlse.

I had some help from a developer looking into this, and the current styling with which that button displays comes from your theme, not from Jetpack. Jetpack does not contain any CSS for that button.

If I add the css class code below to the button in Google console, it changes to theme design.

Do you mean in the browser inspector? If I add that class to the HTML there I don’t see any change to the button. How is it changing for you? How is it supposed to look?

The class sc-button does not exist anywhere in Jetpack’s code, so if that class was present on the button before, it was not coming from Jetpack. It looks like that class might be coming from your theme, so please contact support on their end to ask if they have any idea what might have changed.

Thanks for the information.

Yes the class code is from the theme. When I add it in the html browser inspector, the button becomes larger and blue. I have attached a picture here.

//Kristofer

Okay, I can see it now.

I don’t see any way that Jetpack can be removing that, though. The button should be using your theme’s button styling, so that fact that it isn’t makes me suspect the theme.

Please contact them so they can look from their end, but do let us know what they say.