Skip to main content

CSS help

This article will give you tips and tricks related to CSS which can be useful customizing in Icegram Express & 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 Icegram Express 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\_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;      
}