Skip to main content

Style the VIP button

Pete Stormer avatar
Written by Pete Stormer
Updated over 6 years ago

It's possible to have two linked buttons for each event. The first button is typically a link to tickets, and the second either a link to VIP tickets or to RSVP.

You can style each button in the same way, or you can customize each so your VIP link stands out.

Make the VIP button different than the ticket button
Style changes to ".seated-event-link2" will only apply to the second link.  So if you are using the second link for VIP packages, the code below will only change the style of the VIP button.

If you are using the first link for VIP packages, just replace ".seated-event-link2" with ".seated-event-link1".

<style>
.seated-event-link2,
.seated-event-link2:visited {
   border: rgba(255, 255, 255, 1) !important;
}
</style>

Note: This example just changes the border color.  To change other features of your VIP button, you can refer to the code in these articles: button color, hover style, font color, bold font, font size

Did this answer your question?