Events Planner Logo

Changing the button colors

This applies to the Lite version only.  To change button colors in the Pro version, please visit WP Admin > Events Planner > Settings > Custom CSS textarea.
 

In Events Planner, the buttons are controlled by the css declarations below.  To make changes, please copy them into your theme's style.css (or wherever your theme author instructs you to put custom css code ) and make all the modifications that you want.  Most of the time the plugin css is loaded after the theme's style so the plugin css takes control.  In cases you notice that the css is not working, please append the !important declaration after the css property (notice the background-color property below).
 
.epl_button, .epl_button_small, input.epl_button  {

    display: inline-block;
    background-color: green !important; /*notice the !important declaration */
    border: 1px solid #0066AA;
    border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    margin: 5px 5px;
    padding: 2px 5px;
    width: auto;
    text-decoration: none;
    text-shadow:none;
    float: right !important;

}

.epl_button_small {

    font-size: 0.8em;
    font-weight: normal;
    padding: 2px 5px;
    width: auto;

}

.epl_button:hover, .epl_button_small:hover, input[type="submit"].epl_button_small:hover {

    background-color: #0066AA;
    text-decoration: none;
    color: #fff;

}

Did you find this article helpful?