skip to Main Content

Default Style

Copy and paste this CSS into your plugin CSS field. Style rules are broken down by the color, such as “primary” which indicates the main color you want for your plugin. In this example, it’s Green. Change those HEX color codes to your preferred color.

/* Primary color for item backgrounds */
.TopNavSSL, 
.TopNavActive,
.ButtonSubmit,
.ButtonSubmitMd,
.ButtonTickets,
.ButtonTicketsMd,
.DonFormLabel,
.TopNavHome:hover,
.DonFormLabel:hover,
.DonFormLabel:active,
.DonFormLabel.Active,
.DonRadio:checked + label > span,
.ButtonCancel:hover,
.ButtonCancel:active,
.LinkChangeSeat { background-color: #46C654; }

/* Primary color for item borders */
.TopNavTabActive,
.TopNavTab:hover,
.TopNavHome:hover,
.ButtonSubmit,
.ButtonSubmitMd,
.ButtonTicketsMd,
.ButtonTickets,
.DonFormLabel,
.DonFormLabel:hover,
.DonFormLabel:active,
.DonFormLabel.Active,
.DonRadio + label > span,
.DonRadio:checked + label,
.DonRadio:checked + label > span,
.DonActive,
.BoxGift,
.ButtonCancel:hover,
.ButtonCancel:active,
.DiscountCodeFields .CodeInput,
.EFWActive,
.BoxHover,
.__hover:hover,
.__hover:active { border-color: #46C654 !important; }
.BoxHover:focus,
.__hover:focus,
.__hover:focus { outline: none; border: 1px solid #46C654 !important; }

/* Primary color for text elements */
.DonRadio:checked + label,
.DonActive,
#TopNavText2 .lnr,
.LayoutTabs a.TabActive,
A.EventLink:link,
A.EventLink:visited { color: #46C654; }

/* Primary hover color for buttons and borders */
a.ButtonSubmit:hover,
a.ButtonTickets:hover,
a.ButtonTicketsMd:hover,
.ButtonSubmit:hover,
.ButtonSubmit:active,
.ButtonCancel,
.ButtonTickets:hover,
.ButtonSubmitMd:hover,
.ButtonSubmitMd:active,
a.LinkChangeSeat:hover,
.ButtonTimedEntry.BtnChecked { background: #999999 !important; border-color: #999999 !important; }

/* Border radius for nav and button elements - 0 is square, 3px is part rounded, 100em is fully rounded */
.TopNavDemo,
.TopNav,
.TopNavActive { border-radius: 100em; } 
.ButtonSubmit,
.ButtonCancel,
.ButtonTickets { border-radius: 3px; }

/* Misc */
.DonRadio + label { color: #333; }
.Success,
.ThankYou { background-color: #ccc; color: #333; }
.ButtonSubmitAltColor { color: #FFF; } 
.BillNotes,
.GiftNotes { color: #222; }
.EFWActive,
.BoxHover { box-shadow: 0 0 2px #f7f7f7; }

/* Hidden elements */
#TicketButtonWrapper { display: none; }