Support

Home Forums Event Espresso Premium Change color buttons

Change color buttons

Posted: February 22, 2022 at 1:13 am

Viewing 7 reply threads


CapellaAmersfoort

February 22, 2022 at 1:13 am

Hi, I try with to change the color of buttons of the event pages. For the registration page I used the following:
.tkt-slctr-tbl-wrap-dv .ticket-selector-submit-btn {
color: #ffffff;
background-color: #70C3CB;

But I also want to change it for the other buttons, like Finalize Registration button, Register Now, Proceed to Payment Options button.
I tried it with the following, but is does not change the text color
input[type="submit"]{
color:#FFFFFF;
}


Tony

  • Support Staff

February 22, 2022 at 11:59 am

Hi there,

It looks like you’ve already figured this out using:


.spco-whats-next-buttons .spco-next-step-btn {
    color: #ffffff;
    background-color: #70C3CB;
}

Do you need any help with additional buttons or are you all done?


CapellaAmersfoort

February 23, 2022 at 2:01 am

This is correct, Tony. Only the ical buttons (icons) need the color #ffffff. class= ee-ical-sbmt

And further, I need to change the text of button ‘Read more’, in case if the registration form is open for a longer time, a new screen opens with the button ‘Read more’


Tony

  • Support Staff

February 23, 2022 at 4:25 am

For the iCal you can use something like:


.download-iCal-frm .ee-ical-sbmt {
    color: #fff;
}

The read more button is actually from your theme, it is possible to change it but would you not prefer the ticket selector display there so people can see it directly from the list?


CapellaAmersfoort

February 23, 2022 at 6:36 am

Can you explain a little more? How can I see the list you mentioned?

would you not prefer the ticket selector display there so people can see it directly from the list?


Tony

  • Support Staff

February 23, 2022 at 6:50 am

Go to Event Espresso -> Events -> Templates (tab at the top)

Under ‘Event List Pages’ you’ll see a few different options there.

Is ‘Display Ticket Selector’ set to Yes? If not, change it and save, then refresh the event list.

(The output of the events list depends on your theme, so the above may not actually change anything depending on what the theme is doing).


CapellaAmersfoort

February 23, 2022 at 7:08 am

This reply has been marked as private.


Tony

  • Support Staff

February 23, 2022 at 7:53 am

Sure, you can do that using a snippet.

That Read More text is from WordPress:

https://codex.wordpress.org/Customizing_the_Read_More#Modify_the_Read_More_text_when_using_the_the_excerpt.28.29

Viewing 7 reply threads

The support post ‘Change color buttons’ 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