Shopify themes, liquid, logos, and UX
Why does my cart page show up blank? I've attached a screen shot of both before I click the cart button and after I click the cart button to show what happens as well as a screenshot of what my shopify cart page is supposed to look like based on the cart page customization window.
Theme: Origin
URL: billon.maison
Solved! Go to the solution
This is an accepted solution.
Hi @MaisonBillonDon,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
quantity-popover .quantity__button:not(:focus-visible):not(.focused), quantity-popover .quantity__input:not(:focus-visible):not(.focused),
svg.icon.icon-close,
h2.totals__total,
h2.drawer__heading,
.drawer__inner.gradient.color-scheme-1 {
color: black !important;
}
button#CartDrawer-Checkout{
background: black !important;
}
textarea#CartDrawer-Note{
border: 2px solid black !important;
}
OR
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.drawer__inner.gradient.color-scheme-1 {
background: black !important;
}
quantity-popover .quantity {
background: black !important;
}
button#CartDrawer-Checkout {
background: black !important;
}
.cart-drawer__empty-content .button {
background: black !important;
}
This is an accepted solution.
Hi @MaisonBillonDon,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
quantity-popover .quantity__button:not(:focus-visible):not(.focused), quantity-popover .quantity__input:not(:focus-visible):not(.focused),
svg.icon.icon-close,
h2.totals__total,
h2.drawer__heading,
.drawer__inner.gradient.color-scheme-1 {
color: black !important;
}
button#CartDrawer-Checkout{
background: black !important;
}
textarea#CartDrawer-Note{
border: 2px solid black !important;
}
OR
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.drawer__inner.gradient.color-scheme-1 {
background: black !important;
}
quantity-popover .quantity {
background: black !important;
}
button#CartDrawer-Checkout {
background: black !important;
}
.cart-drawer__empty-content .button {
background: black !important;
}
@MaisonBillonDon Hey, thanks for posting here.
your cart is not empty.
don't be worry you just need to add color on the back of the cart drawer
and also there issue in footer copywrite text place
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025