Change your Performance Date Header on Union Branded Site

If you'd like to customize the date on your Union branded site, try adding the following to your style template.


.performances-list .performances__date-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: [YOUR HEX CODE]; 
  font-size: 20px;
  font-weight: 400;
  position: relative;
  border: none;
  padding: 15px;
  margin-bottom: 0px;
  width: 100%;
  color: [YOUR HEX CODE];
}
.performances-list .performances__date-header span {
  width: auto;
  display: inline-block;
  position: relative;
  text-align: left;
}

Once updated, you should see the changes applied


If it's not quite what you're looking for, you could use the Inspector feature in your browser to apply style edits to test.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.