I am looking for some simple CSS snippets to add to my website code to change the button colors. I already successfully did this by finding a post which had the following snippet to change the “register now” button color:
input.ticket-selector-submit-btn {
background-color: #80808a!important;
font-weight: 600;
}
This worked great. Now I just need similar code to change the rest of the buttons: 1) proceed to payment options 2) Proceed to finalize registration
Further, the view payment options, edit attendee info, and resend confirmation links on the thank you page are white (unreadable). Need either CSS or other tips on how to change those text colors. The site can be found here: ncmensretreat.com
/* next step buttons */
.page-id-45 input[type="submit"], .page-id-45 input[type="submit"]:hover {
background-color: #80808a;
font-weight: 600;
}
/* change link color on reg page */
.page-id-45 a {
color: #777 !important;
text-decoration: underline;
}
and the changes will apply to only the registration page. If you want the changes to appear everywhere on the site, you can remove the .page-id-45 from above.
FYI when I check the registration page there’s a reCAPTCHA error. You’re probably not seeing the error because you’re logged into the site. You can either deactivate reCAPTCHA or input the correct API keys in Event Espresso > Registration Form Settings to fix that error.
Viewing 1 reply thread
The support post ‘Changing button color in v4’ is closed to new replies.
Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.
Support forum for Event Espresso 3 and Event Espresso 4.