|
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
|
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.
|
|
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
|
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
|
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;
}
|
