Add a Custom CSS to the Live Shopping Page

By default, the Title, Date, Description, and Countdown will mirror the font size and color of your theme. However, if you’d like, you can add a custom touch with CSS to your Live Shopping page.

From your Shopify Admin / Personalize, head to the Live Shopping page in the Pages selector




Inject the following CSS code with appropriate font size in px and color in hex

Personalize the Title font size and color
.lmuLiveTitle {
font-size: 20px;
color: #63197a;
}

Personalize the Date font size and color
.lmuLiveDate {
font-size: 20px;
color: #63197a;
}

Personalize the Description font size and color
.lmuLiveDescription {
font-size: 14px;
color: #63197a;
}

Personalize the Countdown font size and color
.lmuCountdownValue {
font-size: 24px;
color: #63197a;
}

Personalize the "Notify Me" button color
.lmuButton {
background-color: #63197a;
}

Updated on: 12/11/2024