Customize the colors, typography, borders, and styling of product cards.
Card
Background color
Sets the background color of each product card.
Border color
Sets the color of the card border.
Border width
Sets the thickness of the card border.
Border type
Selects the style of the card border.
Border radius
Controls how rounded the card corners appear.
Card shadow (PRO)
Selects the shadow applied around each product card.
Image
Border radius
Controls how rounded the product image corners appear.
Title
Text size
Sets the font size of the product title.
Font weight
Controls how light or bold the product title appears.
Text color
Sets the color of the product title.
Reviews (PRO)
Star color (PRO)
Sets the color of the review stars.
Star size (PRO)
Sets the size of the review stars.
Text color (PRO)
Sets the color of the review text.
Text size (PRO)
Sets the font size of the review text.
Text weight (PRO)
Controls how light or bold the review text appears.
Attributes (PRO)
Dropdown text size (PRO)
Sets the font size inside attribute dropdowns.
Dropdown text weight (PRO)
Controls how light or bold the dropdown text appears.
Dropdown text color (PRO)
Sets the color of the dropdown text.
Dropdown background color (PRO)
Sets the background color of attribute dropdowns.
Dropdown border color (PRO)
Sets the color of the dropdown border.
Dropdown border width (PRO)
Sets the thickness of the dropdown border.
Dropdown border radius (PRO)
Controls how rounded the dropdown corners appear.
Dropdown arrow color (PRO)
Sets the color of the dropdown arrow.
Dropdown arrow size (PRO)
Sets the size of the dropdown arrow.
Dropdown focus arrow color (PRO)
Sets the arrow color when the dropdown receives focus.
Dropdown focus text color (PRO)
Sets the text color when the dropdown receives focus.
Dropdown focus background color (PRO)
Sets the background color when the dropdown receives focus.
Dropdown focus border color (PRO)
Sets the border color when the dropdown receives focus.
Quantity selector (PRO)
Text size (PRO)
Sets the font size inside the quantity selector.
Text color (PRO)
Sets the color of the quantity value and controls.
Border color (PRO)
Sets the color of the quantity selector border.
Border radius (PRO)
Controls how rounded the quantity selector corners appear.
Pricing
Text size
Sets the font size of the current product price.
Text weight
Controls how light or bold the current price appears.
Text color
Sets the color of the current product price.
Compare price font size (PRO)
Sets the font size of the original price.
Compare price font weight (PRO)
Controls how light or bold the original price appears.
Compare price color (PRO)
Sets the color of the original price.
Discount badge (PRO)
Discount badge background color (PRO)
Sets the background color of the discount badge.
Discount badge text color (PRO)
Sets the text color of the discount badge.
Discount badge font size (PRO)
Sets the font size of the discount text.
Discount badge padding top/bottom (PRO)
Sets the vertical spacing inside the badge.
Discount badge padding left/right (PRO)
Sets the horizontal spacing inside the badge.
Discount badge border radius (PRO)
Controls how rounded the badge corners appear.
Text vertical offset (PRO)
Moves only the discount text up or down inside the badge.
Remove icon
Icon size
Sets the size of the remove-product icon.
Icon color
Sets the color of the remove-product icon.
Shipping note (PRO)
Text color (PRO)
Sets the color of the shipping note.
Text size (PRO)
Sets the font size of the shipping note.
Font weight (PRO)
Controls how light or bold the shipping note appears.