How to change the Ticket quantity control of the RSVP (event ticket)

[Friedrich]

Hi,

i want to change the style of the Ticket quantity control buttons (“+”;”-“) of the RSVP (Event Ticket Plugin), that it looks like the woocommerce tickets. (Event Ticket PRO Plugin).

Any idea how I can do this?

Here you find a screenshot:
http://wp11154529.server-he.de/betewi/wp-content/uploads/2016/04/Bildschirmfoto-2016-04-04-um-20.49.13.png

Note: I translated “RSVP” to “Anmelden für die Abendkasse”.

Thanks for your help!

[Geoff B.]

Good evening Friedrich and welcome back!

Thank you for reaching out to us.
I would love to help you with this topic.

It will probably be a simple matter of tweaking a CSS rule or two.

Could you give the URL of such an event so that I can provide you with the rules to tweak ?

Best regards,

Geoff B.

[Friedrich]

Hi Geoff,

thanks for your answer!

A Test-Event you can find here:
http://wp11154529.server-he.de/betewi/event/sehen-ohne-augen-berlin-strausberg/

Would be great, if css would work!

Thanks a lot for your helping hand!
– Friedrich

[Geoff B.]

Good evening Friedrich,

Thank you for the link. Could you try the following CSS rule

#top .main_color .tribe-ticket-quantity {

width: 43px;
display: inline;
padding: 0px 5px 0px;
line-height: 41px;
vertical-align: middle;
text-align: center;
margin: 0;
}

 

Let me know how that goes.

Best regards,
Geoff B.

[Friedrich]

Wow! You are my Hero!

It worked perfectly!

Thanks a lot!

Grettings from Berlin!

All the best!
– Friedrich

[Friedrich]

Sorry, for question you again.

Now it looks wonderful, but if I clicked on the “+” no “1” appears, a “NaN” appears and no email is sending.

Do you have any Idea how to fix that?

Thank again for your help!
-Friedrich

[Geoff B.]

Good afternoon Friedrich,

I am glad that worked to your liking. We are always happy to help out!

As for your second question, one thing I am sure about is that it’s not related to the CSS work you just did 🙂

I went ahead and tried to reproduce the issue of getting NaN to appear while pressing the “+” symbol, but I was not able to.

Would you mind telling me what browser you are using (IE, Chrome, Firefox, etc…) ? And ideally what version of that browser ?

Could you also tell me if that happens in the RSVP section or in the WooCommerce tickets section?

Finally, I am noticing that you are a few versions behind on the Events Tickets Plus plugin. I would recommend upgrading to the latest version (after a backup).

Best regards,

Geoff B.

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts