Skip to main content

Styling your Sold Out shows

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

You can change the style of your sold out shows by applying changes to the ".seated-event-link1-sold-out" class, as in the example below.

Find where you installed the Seated listings in your site code and add this style block just before.

<style>
.seated-event-link1-sold-out,
.seated-event-link1-sold-out:visited {
   background:transparent !important;
   color:red !important;
   border:none !important;
}

.seated-event-link1-sold-out:hover,
.seated-event-link1-sold-out:hover:visited {
  text-decoration:line-through;
  border:none !important;
  background: none !important;
  color:red !important;
}
</style>

This example looks like this:

Note: To change other features of your Sold Out button, you can refer to the code in these articles: border color, hover style, font color, bold font, font size

Did this answer your question?