Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Modify the button styles for Edit Entry in GravityView (as seen on our blog)
/* Update button */
#publishing-action .gv-button-update {
background-color: #4CAF50;
border: 2px solid #4CAF50;
color: #ffffff;
padding: 15px 32px;
text-align: center;
font-size: 16px;
}
#publishing-action .gv-button-update:hover {
background-color: #46a04a;
border: 2px solid #46a04a;
cursor: pointer;
}
/* Cancel button */
#publishing-action .gv-button-cancel {
background-color: #fff;
border: 1px solid #000;
color: #000000;
padding: 15px 32px;
text-align: center;
text-decoration: none;
font-size: 16px;
}
#publishing-action .gv-button-cancel:hover {
background-color: #f3f3f3;
}
/* Delete button */
#publishing-action .gv-button-delete {
background-color: #F44336;
border: 1px solid #F44336;
color: #ffffff;
padding: 15px 32px;
text-align: center;
text-decoration: none;
font-size: 16px;
}
#publishing-action .gv-button-delete:hover {
background-color: #f21c0d;
border: 1px solid #F44336;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment