Support

Home Forums Event Espresso Premium Registration Form to website

Registration Form to website

Posted: May 2, 2018 at 10:09 pm


lakehume

May 2, 2018 at 10:09 pm

How do I link my Registration form to my button on my website eg: Register here Button. Participants clicl on the button and it takes them to the Rego form to fill out. Obce filled out takes them to Paypal to pay for event.


Tony

  • Support Staff

May 3, 2018 at 2:06 am

Hi there,

We don’t have a single button to do that, you would need to use the [ESPRESSO_TICKET_SELECTOR event_id=xx] shortcode to display the ticket selector for the event.

The user needs to select the tickets they want and then submit the form that way, they will then proceed to the Reg form and payment options from there.


lakehume

May 3, 2018 at 8:47 pm

Okay. I just worked it out. Is there some way to change the background colour of the forms as they only appear with a white boring background?


Tony

  • Support Staff

May 4, 2018 at 3:35 am

Yes, you can apply your own CSS to change the color to whatever you want.

Can you link me to a test event I can use to run a registration? I’ll give you an example for your site.


lakehume

May 5, 2018 at 10:12 pm

Tony,
I can no longer get into my demo account I created prior to purchasing EE. I tried to create another demo account but it would not allow this. I can get my Event to show on my website but I am still unable to get my Venue to work even though I can see that I created the Venue in the initial setup. The other problem is obviously trying to get some colour into the forms.

Ray


Josh

  • Support Staff

May 7, 2018 at 8:23 am

Hi Ray,

The Venue not displaying issue may be fixed by visiting your WordPress dashboard, then go to the Settings → Permalinks page. This will refresh your site’s permalinks.

With regards to your registration form background colours, we can help you with this if you can share a link to the page on your website that has the event information.


lakehume

May 7, 2018 at 6:03 pm

Josh,
Hopefully this is what you require to change the Colours. I did what you said in regards to the Venue but the Venue only shows up when I Preview it from the Dashboard.
https://lakehumecyclechallenge.com.au/?post_type=espresso_events&p=2558&preview=true

Ray


Tony

  • Support Staff

May 8, 2018 at 2:24 am

Hi Ray,

Has the above event been published publicly? – http://take.ms/51YN1
(Same question on your Venue post)

We can’t view the above as you can only preview posts when logged into the site.


lakehume

May 8, 2018 at 6:24 am

No it hasn’t as I don’t want to let it appear till the ride names etc have been finalized. I understand that this won’t show till published but I would still like the forms to have some colour. In the dashboard I changed the dates and published it and yes I can view the form but the venue map etc does not show. I will look at it again tomorrow and try and work it out.If I publish it the payment side of things has not been setup yet. Is this what you want me to do so you can view the form on the website?

Ray


Tony

  • Support Staff

May 8, 2018 at 11:09 am

No it hasn’t as I don’t want to let it appear till the ride names etc have been finalized.

I’m not sure I follow? The venue post won’t show on the front end of the site if it’s not published so then it would only display if you preview the post.

Is this what you want me to do so you can view the form on the website?

Yes, you can set a password on the event if preferred to stop registrations whilst we take a look, just post the password here so we can view the page.


lakehume

May 8, 2018 at 3:43 pm

Tony I have placed a password onto the Event. It is LHCC2019?
I understand what you are saying regarding the publishing of the site etc. The names of the rides etc have not been finalised as yet. Can you basically have a look and see if I am on track with the event and if you can do the CSS Code to change the colours of the forms.

Thanks for your patience.

Ray


lakehume

May 8, 2018 at 8:21 pm

Here is the link I think you needed??

https://lakehumecyclechallenge.com.au/events/johnsons-mme-lake-hume-cycle-challenge-february-23rd-2019/


lakehume

May 8, 2018 at 10:03 pm

Tony,
I have now published the site and it is Password Protected.

Ray


Tony

  • Support Staff

May 9, 2018 at 9:33 am

Thank you, I can now see the forms.

Ok, can you let me know what you would like to change? I know you want to add some colour to the forms, but where exactly? and what color?

As a quick example:

.ee-reg-form-attendee-dv {
    background-color: #0c71c3;
}

Changes the registration form background to blue, but I’m guessing you have other plans?


lakehume

May 9, 2018 at 4:44 pm

Tony,
I would like to try and keep it a light blue colour if possible so that it does not make the text impossible to read. Is there also a way to Edit the headings that are in RED and change them to the Purple Colour I am using for the rest of the site headings. I initially used Red and was asked to change it as it is not a good colour to use for Cancer Patients to look at???? okay…I am finding the pages I create in EE can’t just be edited using the Divi Builder and therfore it is confusing on where to put the CSS Code etc. Hopefully I don’t have too many more problems along the way. Thanks again for your help.

Ray


Tony

  • Support Staff

May 10, 2018 at 4:11 am

Hi Ray,

All of the tickets are now unavailable for sale so I can’t view the form again, can you add a test ticket I can use that is available to purchase?


lakehume

May 10, 2018 at 6:00 am

Tony
I just made the form available again.

Ray


Tony

  • Support Staff

May 10, 2018 at 7:45 am

Currently, your site is set to use red for all headings, I can see in places you’ve overridden this, but globally they are set to use red so you may be better setting the to use purple by default (the headings on the EE pages are just using the styles from your theme).

If you go to Dashboard -> Divi -> Theme Customizer -> General Settings -> Typography you should be able to set the ‘HEADER TEXT COLOR’ there.

Failing that you can use something like:

#ee-single-page-checkout-dv h1, 
#ee-single-page-checkout-dv h2, 
#ee-single-page-checkout-dv h3, 
#ee-single-page-checkout-dv h4, 
#ee-single-page-checkout-dv h5,
#ee-single-page-checkout-dv h6 {
    color: #800080;
}

To change all of the headers on the checkout to purple, however, that won’t change the page title header, the global styles will be used, you can override them again but as mentioned you’d be better setting the global styles.

Any Custom CSS provided by us can be added in the Theme customizer above, under ‘Additional CSS’.

For the forums page, is something like this what you are looking for?

.ee-reg-form-attendee-dv {
    background-color: rgb(78, 147, 202, 0.75);
    border: none;
}


lakehume

May 10, 2018 at 8:11 pm

Tony I changed the settings for the headings to be purple and yes that works. I then added the CSS you gave me and it does not change the forms??? They are still white background.


Josh

  • Support Staff

May 10, 2018 at 8:47 pm

That should actually be:::

.ee-reg-form-attendee-dv {
    background-color: rgba(78, 147, 202, 0.75);
    border: none;
}

and you might want to move the fieldset legend so it looks OK with the above change, with:

.spco-attendee-lgnd {
color: #222;
position: relative;
top: 20px;
left: 5px;
margin-bottom: 10px;
}


lakehume

May 11, 2018 at 12:33 am

Tony
I made the above changes and I still have the same colour background etc. Nothing changed???

Ray


lakehume

May 11, 2018 at 12:34 am

I meant Josh


Josh

  • Support Staff

May 11, 2018 at 5:37 am

Hi Ray,

Maybe you’re expecting a different page to change? Here’s what I see from my end:

https://screenshots.firefox.com/zoFoqM0Tp8LF7tuR/lakehumecyclechallenge.com.au


lakehume

May 11, 2018 at 7:00 am

Josh
Yes I was. That looks a lot better than just the plain white background.
Thanks again for your help and I’m sure it won’t be the last time I need your help.

Ray


Josh

  • Support Staff

May 11, 2018 at 7:12 am

Hi Ray,

If you’re expecting another page to change, please let us know and we can help you make changes to that page.


lakehume

May 11, 2018 at 7:29 am

I certainly will Josh.

Ray

The support post ‘Registration Form to website’ 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