skip to Main Content

Transparent Stylesheet

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.

/* Transparent background text color */
.TopNavSSL,
.TopNavDemo,
.TopNavActive,
.TopNavTab,
.TopNavTabActive,
a.LinkTopNav:link,
a.LinkTopNav:visited,
.TabInActive,
#CartCount,
.MyAccountInfo,
.MyAccountInfo A.LinkTopNav:link, 
.MyAccountInfo A.LinkTopNav:visited,
.ContentBoxInner,
.EventTabs .TabActive,
.BigHeader,
.EventDate,
.VenueInfo,
a.LinkTheme:link,
a.LinkTheme:visited,
a.LinkTheme2:link,
a.LinkTheme2:visited,
a.LinkTheme2:hover,
a.LinkTheme2:active,
.SeatMapIndexText,
.EventShareButton,
#ASButtonInfo,
#Timer,
.EventInfoBottom .ContentBoxHeader,
.EventInfoBottom .EventText,
.DiscountCodeLabel,
.OrderConfirmationMsg,
.PageConfirmation .TicketDateTime,
.PageConfirmation .TicketInfo,
.EventDatesHeading,
.GaLinkWrapper .ContentBoxHeader,
.PromoMsg,
.ContentBoxHeader XEventMsg,
.FacebookPreShare,
.EventDateSelectorInfo,
.SelectTypeBgd,
.XEventMsg,
.Xevent,
.FooterLogo,
.PageCheckoutRewardLabel,
.PageCheckout .SignInText,
.DonateHeader,
.DonateDescription,
.DonLabel,
.DonCommentWrapper { color: #FFF !important; }

/* Transparent misc */
.TabInActive,
.EventTabs .TabActive { text-shadow: none;  }
.PageEvent .ContentBoxOuter,
.PageEventRegistration .ContentBoxOuter,
.PageCheckout .ContentBoxOuter { background-color: #FFF; padding: 0px 10px 10px 10px; border-radius: 2px; }

.PromoMsg,
.FacebookPreShare { border-color: #FFF; }

#DonationWrapper .ContentBoxHeader,
.PageCheckout .DonationAmount,
.PageCheckout .NewsletterWrapper,
.PageCheckout #Agree,
.PageCheckout a.LinkTheme:link,
.PageCheckout a.LinkTheme:visited,
.CheckoutTotal,
.SubListDate,
.PageEvent .ContentBoxHeader,
.PageEvent .ContentBoxInner,
.PageEventRegistration .ContentBoxHeader,
.BoxRegForm,
.TxtMsgWrapper,
.SigninHeader,
.OrderNotesHeader,
.PageCheckout a.LinkTheme:link,
.DonRecognize .DonLabel,
.DonMatchingWrapper a.LinkTheme:link { color: #222 !important; }

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

/* Primary Color */
.TopNavTabActive,
.TopNavTab:hover,
.TopNavHome:hover,
.ButtonSubmit,
.ButtonSubmitMd,
.SubscriptionAdd,
.ButtonTickets,
.DonFormLabel,
.DonFormLabel:hover,
.DonFormLabel:active,
.DonFormLabel.Active,
.DonRadio + label > span,
.DonRadio:checked + label,
.DonRadio:checked + label > span,
.DonActive,
.BoxGift,
.ButtonCancel:hover,
.ButtonCancel:active,
a.ButtonTicketsMd,
.DiscountCodeLabel #Code { border-color: #46C654; }

/* Primary Color */
.EFWActive,
.BoxHover { border-color: #46C654 !important; }

/* Primary Color */
.DonRadio:checked + label,
.DonActive,
#TopNavText2 .lnr,
.LayoutTabs a.TabActive,
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus,
A.EventLink:link,
A.EventLink:visited { color: #46C654; }

/* Primary Hover Color */
a.ButtonSubmit:hover,
a.ButtonTickets:hover,
a.ButtonTicketsMd:hover,
.ButtonSubmit:hover,
.ButtonSubmit:active,
.ButtonCancel,
.ButtonTickets:hover,
.ButtonSubmitMd:hover,
.ButtonSubmitMd:active,
a.LinkChangeSeat:hover { background: #999; border-color: #999; }

/* 0 is square, 3px is part rounded, 100em is fully rounded */

/* Top Bar Item Radius */
.TopNavDemo,
.TopNav,
.TopNavActive { border-radius: 100em; } 

/* Buttons Radius */
.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; }
#TicketButtonWrapper { display: none; }