Support

Home Forums Event Espresso Premium Editing Waitlist Signup Form

Editing Waitlist Signup Form

Posted: August 8, 2018 at 7:27 am


freeformventures

August 8, 2018 at 7:27 am

Could you tell me where I can edit the Wait-list signup popup form?

Also – the promo code input field on the purchase page is white and the text is also white. Is there a place where I can change this?

Thank you!


Josh

  • Support Staff

August 8, 2018 at 9:20 am

Hi,

The wording can be changed via a custom function. The documentation has some example code:

https://eventespresso.com/wiki/wait-list-manager/#customizations

Form inputs are generally styled by your WordPress theme. If your theme has settings for changing form input colors, you’d change those. Otherwise you can add some CSS to a custom stylesheet or into the Additional CSS panel in the site’s Appearance > Customize menu. Here’s an example of some CSS that will add some additional styling to the promo code field:

#ee-spco-payment_options-reg-step-form-payment-options-before-payment-options #ee-promotion-code-input{
background-color:transparent;
color: #777;
border-radius: 0;
padding-left: 140px;
}


freeformventures

August 9, 2018 at 12:04 pm

Thanks for the info!

I added the provided code and messed around with the colors and it didn’t change anything. I even added “!important” tags. Is there a different code I could use that would work to make the promo entry box more visible?
I’ve included screenshots so you can see what it looks like.

Screenshot of Code
Screenshot of Promo Box


freeformventures

August 9, 2018 at 12:06 pm

The image inserter didn’t work but here is a link to the images:
Code SS: http://oi68.tinypic.com/v4c8s3.jpg
Promo Box SS: http://tinypic.com/r/23vht2q/9


Josh

  • Support Staff

August 9, 2018 at 12:43 pm

It does change something. You can also add:

border: 1px solid #000;

to give the border at least 1px width.


freeformventures

August 15, 2018 at 7:27 am

Hello,

The code with the edited border section does add a border, but the interior text “Promotion Code” is outside of the border by about 5 pixels. I’ve increased the padding on the left but it doesn’t change anything. Please let me know how I can fix this?

ScreenShot: http://tinypic.com/r/2mi26w9/9


Josh

  • Support Staff

August 15, 2018 at 9:18 am

You probably need to use the correct selectors, e.g.

#ee-spco-payment_options-reg-step-form-payment-options-before-payment-options #ee-promotion-code-input{
background-color:transparent;
color: #777;
bordee-promotion-code-input-lbler-radius: 0;
padding-left: 150px;
}

label#ee-promotion-code-input-lbl {
margin: 10px 0 0 8px;
}

You must be logged in to reply to this support post. Sign In or Register for an Account

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3

Documentation for Event Espresso 4

Status: publish

Updated by  Josh 4 days, 5 hours ago ago

Topic Tags

Notifications

This topic is: not resolved
Do NOT follow this link or you will be banned from the site!