CSS help

This article will give you tips and tricks related to CSS which can be useful customizing in Email Subscribers & Newsletters plugin. You can write this CSS in either your theme from Appearance -> Customize -> Additional CSS OR using some custom CSS plugin like this. But do not modify Email Subscribers plugin files.

1. How can I change Subscribe button text color?

Apply CSS property color on class es_textbox_button and change button text to any color that you want. For example,

.es_textbox_button {
     color: #000000;
}

2. How can I change background color of Subscribe button?

Apply CSS property background-color on class es_textbox_button and change button background color to any color that you want. For example,

.es_textbox_button {
     background-color: yellow;
}

3. How can I change Subscribe button color on hover?

Apply following custom CSS,

.es_button .es_textbox_button:hover {
     background-color: green;
}

4. How to add a border to subscribe form present in widget?

Apply following custom CSS,

.site-footer .widget {
     border: 2px solid #DC0825;
     background-color: #FFFFFF;
     color: #000000;
}
.site-footer .widget-title {
     color:#000000;
}

5. How to change background color of email field in the subscribe form?

Apply following custom CSS if using widget to show subscribe form,

#es_txt_email {
     background-color: #000000;
}

Apply following custom CSS if using shortcode to show subscribe form,

#es_txt_email_pg {
     background-color: #000000;
}
« Back to Email Subscribers