Articles on: 🫶 Live shopping page

Add custom CSS to the Live shopping page (fonts and colors)

By default, the Title, Date, Description and Countdown on your Live Shopping page use your theme's font size and color. You can customize them with CSS.

Where to add the CSS

From your Shopify Admin, open the theme editor (Customize) and select the Live Shopping page in the page selector. Paste the CSS snippets you need, adjusting font sizes (in px) and colors (in hex).

Text

Title font size and color

.lmuLiveTitle {
  font-size: 20px;
  color: #63197a;
}

Date font size and color

.lmuLiveDate {
  font-size: 20px;
  color: #63197a;
}

Description font size and color

.lmuLiveDescription {
  font-size: 14px;
  color: #63197a;
}

Countdown

Countdown font size and color

.lmuCountdownValue {
  font-size: 24px;
  color: #63197a;
}

Hide the countdown

.lmuCountdownAndIcons {
  display: none !important;
}
#livemeup-landingpage .lmuLiveButton {
  margin-top: auto !important;
}

Buttons

"Notify Me" button color

.lmuButton {
  background-color: #63197a;
}

Live block

Background color

.lmuHighlightedEventsSection {
  background-color: #f2f2f2;
  padding: 45px;
  border-radius: 10px;
  box-shadow: 10px;
}

Hide shadow blocks

.lmuLiveDescription:after {
  box-shadow: inset 0px -18px 27px 5px red;
  -moz-box-shadow: inset 0px -18px 27px 5px red;
  -webkit-box-shadow: inset 0px -18px 27px red;
}

Replay block

Background color

.lmuReplaysWrapper {
  background-color: #f2f2f2;
  padding: 45px;
  border-radius: 10px;
}

Hide shadow blocks

.lmuReplayDescription:after {
  box-shadow: inset 0px -18px 27px 5px red;
  -moz-box-shadow: inset 0px -18px 27px 5px red;
  -webkit-box-shadow: inset 0px -18px 27px red;
}

Hide the Replay section title

.lmuReplaysSectionTitle {
  display: none;
}

Updated on: 07/11/2026

Was this article helpful?

Thank you!