Change Font in Hustle WordPress Plugin

When it comes to newsletter plugins, you know how tough it is to get one working, let alone in mobile sites. Hustle does a good job of providing a stable method for obtaining MailChimp subs to your newsletter with great features that aren’t premium. Here is a method for changing the font in the WordPress newsletter plugin ‘Hustle’.

For the record, I read that a developer of the plugin would discuss with his team add this as a feature in the future.

Once you get the Hustle plugin working, you might want to change the font to match the branding of your website which may seem tough. After days of troubleshooting, it was pretty simple, a few CSS modifications in the plugin itself provided exactly what I need. Here is the code I used, be sure to have the font you want, specifically if a Google font, on your site already.

Go to ‘Hustle’ → ‘Slide-ins, pop-ups’ → ‘Edit slide-in’ → ‘Design’ → ‘Custom CSS’ and enter this code replaying ‘Playfair Display SC’ with your own Google font, or web safe font.

.hustle-modal .hustle-modal-title{
 font-family:'Playfair Display SC',serif;
 font-size:25px;
 color:#fff;
 text-transform:capitalize;
 }
.hustle-modal .hustle-modal-body{
 font-family:'Playfair Display SC',serif;
 font-size:15px;
 color:#fff;
 text-transform:capitalize;
 }
.hustle-modal article p, .hustle-modal .hustle-modal-message{
 font-family:'Playfair Display SC',serif;
 font-size:14px;
 color:#fff;
 text-transform:capitalize;
 }
.hustle-modal .hustle-modal-optin_button button{
 font-family:'Playfair Display SC',serif;
 font-size:15px;
 color:#fff;
 text-transform:capitalize;
 }
.hustle-modal .hustle-modal-optin_form .hustle-modal-optin_field input{
 font-family:'Playfair Display SC',serif;
 font-size:15px;
 text-transform:capitalize;
 }

Hope this helps! If you have more questions go to the developer’s support page here.

SAM BELChange Font in Hustle WordPress Plugin