Support

Home Forums Event Espresso Premium Moving the promotion input field around

Moving the promotion input field around

Posted: August 28, 2015 at 4:24 pm


KIROS

August 28, 2015 at 4:24 pm

Hi there! We love this plugin and the addons. We had a quick question about the promotion code addon for EE4. Is there a way to move the input field and submit button for discount codes to the authorize.net AIM form? Right now that is the only payment gateway we are using and it’d be nice to have it appear in that form near the bottom. If it is a matter of moving some html elements around I can do that I just need to know where to look. Thank you so much!


Dean

August 31, 2015 at 3:29 am

Hi,

OK, the short answer is no. I had a good look at this and there are some functions which might work but it’s pretty complex and I failed to get it going.

I’ll add a feature request to see if we can implement an easy to do (though likely still via code) method of moving this around.


KIROS

September 2, 2015 at 3:16 pm

Okay thanks. It’d be a cool feature to have so I hope it does get put in a future update! One more question if you don’t mind. I’d like to modify the width of the promotion code input field but can’t seem to affect it with css. Can you point to the right spot to do that? Thank you!


Dean

September 3, 2015 at 6:49 am

Hi,

You could try this:

#ee-promotion-code-input {
    width: 200px !important;
}

#ee-spco-payment_options-reg-step-form-payment-options-before-payment-options br {
    display: none;
}

#ee-promotion-code-submit {
    position: absolute;
    right: inherit !important;
}

Change the 200px to the correct width you need.


KIROS

September 3, 2015 at 11:40 am

I tried using css like that but it doesn’t seem to affect it. When I inspect the field element I see that it is given a style within the html, so I think that is overriding my css. I was examining the php files to see where exactly this style is written but I can’t find it.


Lorenzo Orlando Caum

  • Support Staff

September 3, 2015 at 12:33 pm

Hi, could you link to any event on your site so we can inspect your submit promotion code area and share additional feedback?

Also, I don’t think this is happening here but I’d like to mention it anyways — any edits to core plugin files (e.g. promotions add-on files) will be lost on a software update.

Thanks


Lorenzo


KIROS

September 3, 2015 at 1:40 pm

Sure!

https://kirostest.com/seattle-breakfast-with-dr-charlie-self/

Ticket selector is on the right. Thank you!


KIROS

September 3, 2015 at 1:41 pm

Whoops pasted the wrong link:

https://kirostest.com/seattle-breakfast-with-dr-charlie-self/


Lorenzo Orlando Caum

  • Support Staff

September 3, 2015 at 2:08 pm

Thanks, please update your custom CSS to use this:

#ee-promotion-code-input {
  background-color:#efefef !important;
  color:#555;
  position:relative !important;
  min-width: 150px !important;
  width: 150px !important;
}

Here is a preview of how it will appear:

http://cl.ly/image/071O3k2p020K


Lorenzo


KIROS

September 3, 2015 at 2:22 pm

Thank you! I don’t know why I didn’t think of the min-width property. This is awesome. Great support!

The support post ‘Moving the promotion input field around’ 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