Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
CSS for changing Caldera Forms buttons (including submit button) color, width or centering the button. https://calderawp.com/doc/button/
/** Center the button (inside it's column) **/
.caldera-grid .btn {
display: block !important;
margin-left: auto;
margin-right: auto;
}
/** Make button the full width of the column **/
.caldera-grid .btn {
width:100%
}
/** Change Background color and text color **/
.caldera-grid .btn {
background-color:blue;
color:white;
}
/** Change Background color and text color on hover **/
.caldera-grid .btn:hover {
background-color:white;
color:black;
}

Hi Shelob9,

I have written a website www.budecanoeexperience.co.uk using the evolve theme in wordpress. I'm new to this!
I'm using Caldera forms on two pages. 'Book Now' and 'Gift Vouchers'
I'm trying to change the forms 'Book Now' and 'Buy Now' button colours to match the theme and have found this code which looks perfect.
The only trouble is I don't know how or where to insert it via wordpress.
I'm really hoping you can help me !

Many Thanks,

Paul.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment