Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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