Support

Home Forums Event Espresso Premium Changing button color in v4

Changing button color in v4

Posted: December 23, 2018 at 12:01 am

Viewing 1 reply thread


ncmensspringretreat

December 23, 2018 at 12:01 am

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

Thanks!
Mike


Josh

  • Support Staff

December 26, 2018 at 7:45 am

Hi Mike,

You can add the following CSS:

/* 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.

Event Espresso