Support

Home Forums Event Espresso Premium Change Register Now button color

Change Register Now button color

Posted: May 3, 2017 at 9:58 am

Viewing 4 reply threads


tradebaugh7@gmail.com

May 3, 2017 at 9:58 am

I’m trying to change the Register Now from orange to my custom hex code. This is the CSS I’m using but it’s not taking:

.ticket-selector-submit-btn {
color: #8d2924;
}

Any advice?

Thank you!


Tony

  • Support Staff

May 3, 2017 at 10:24 am

Hi there,

color will set the color for the font used on the button

background-color sets the color for buttons background.

So I’m just checking it is color that you want here?

In either case you’ll likely find your CSS is being overridden by the default styles as they are more specific.

You can try something like:

.tkt-slctr-tbl-wrap-dv .ticket-selector-submit-btn {
    color: #8d2924;
    background-color: #8d2924;
}

(Remove the rule you don’t want to use)


tradebaugh7@gmail.com

May 3, 2017 at 10:31 am

That didn’t work (I tried adding !important as well to override the default.)

It’s the button on this page:

https://www.allinlaxclinics.com/register/


Tony

  • Support Staff

May 3, 2017 at 10:38 am

You’ve added that using an iframe, you can’t add styles to the main site to style the iframe.

If you swap out the code your using the embed the ticket selector for the ticket selector shortcode:

[ESPRESSO_TICKET_SELECTOR event_id=your_event_id]

The above code will then work.


tradebaugh7@gmail.com

May 3, 2017 at 1:51 pm

That worked! Thank you!

Viewing 4 reply threads

The support post ‘Change Register Now button color’ 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