Color (Products)
Here you can change color for: Product Title, Product Price, Product Swatch, Product Action, Product Badge, Product Hot Stock
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Theme settings -> Color (Products).
Product Card
Background
Sets the background color of product card.
Product Title
Color
Sets the Product title color
Hover Color
Sets the Product title hover color
Product Price
Color
Sets the Price color
Product Swatch
Border Color
Sets the Swatch border color
Text Color
Sets the Swatch text color
Tooltip Background
Sets the Tooltip background color.
Border Color Active
Sets the Swatch border active color
Product Badge
New badge text
Sets the text color of the New badge on the product card and product detail page.
New badge background
Sets the background color of the New badge on the product card and product detail page.
Sale badge text
Sets the text color of the Sale badge on the product card and product detail page.
Sale badge background
Sets the background color of the Sale badge on the product card and product detail page.
Soldout badge text
Sets the text color of the Soldout badge on the product card and product detail page.
Soldout badge background
Sets the background color of the Soldout badge on the product card and product detail page.
Custom badge text
Sets the text color of the Custom badge on the product card and product detail page.
Custom badge background
Sets the background color of the Custom badge on the product card and product detail page.
Bundle badge text
Sets the text color of the Bundle badge on the product card and product detail page.
Bundle badge background
Sets the background color of the Bundle badge on the product card and product detail page.
Action button
Text
Sets the text color of the product action button on the product card.
Border
Sets the border color of the product action button on the product card.
Background
Sets the background color of the product action button on the product card.
Text hover
Sets the text color of the product action button on the product card for hover state.
Border hover
Sets the border color of the product action button on the product card for hover state.
Background hover
Sets the background color of the product action button on the product card for hover state.
Hot Stock
Text/Icon
Sets the text color of the Product Hot Stock function on the product detail page.
Last updated