Customize the styling of the recommended products wrapper, product cards, badges, text, and buttons.
Wrapper (PRO)
Background color
Sets the background color of the recommended products wrapper.
Border type
Selects the style of the wrapper border.
Border width
Sets the thickness of the wrapper border.
Border color
Sets the color of the wrapper border.
Border radius
Controls how rounded the wrapper corners appear.
Box shadow
Selects the shadow shown around the wrapper.
Header (PRO)
Section title
Sets the heading shown above the recommended products.
Title color
Sets the color of the section title.
Title font size
Sets the font size of the section title.
Title font weight
Controls how light or bold the section title appears.
Wrapper badge (PRO)
Badge text
Sets the text shown in the wrapper badge.
Wrapper badge background color
Sets the background color of the wrapper badge.
Wrapper badge text color
Sets the text color of the wrapper badge.
Wrapper badge font size
Sets the font size of the wrapper badge text.
Text transform
Controls the letter casing of the wrapper badge text.
Wrapper badge padding top/bottom
Sets the vertical spacing inside the wrapper badge.
Wrapper badge padding left/right
Sets the horizontal spacing inside the wrapper badge.
Wrapper badge border radius
Controls how rounded the wrapper badge corners appear.
Text vertical offset
Moves only the wrapper badge text up or down inside the badge.
Product card (PRO)
Background color
Sets the background color of each recommended product card.
Border type
Selects the style of the product card border.
Border width
Sets the thickness of the product card border.
Border color
Sets the color of the product card border.
Border radius
Controls how rounded the product card corners appear.
Box shadow
Selects the shadow shown around each product card.
Image (PRO)
Image border radius
Controls how rounded the product image corners appear.
Title (PRO)
Title color
Sets the color of the product title.
Title font size
Sets the font size of the product title.
Title font weight
Controls how light or bold the product title appears.
Title lines
Controls how many lines the product title can use before it is truncated.
Reviews (PRO)
Review text display
Choose how the rating and review count are displayed.
Star color
Sets the color of the review stars.
Star size
Sets the size of the review stars.
Text color
Sets the color of the review text.
Text size
Sets the font size of the review text.
Text weight
Controls how light or bold the review text appears.
Attributes (PRO)
Dropdown text color
Sets the color of the dropdown text.
Dropdown text size
Sets the font size inside attribute dropdowns.
Dropdown text weight
Controls how light or bold the dropdown text appears.
Dropdown background color
Sets the background color of attribute dropdowns.
Dropdown border color
Sets the color of the dropdown border.
Dropdown border width
Sets the thickness of the dropdown border.
Dropdown border radius
Controls how rounded the dropdown corners appear.
Dropdown arrow color
Sets the color of the dropdown arrow.
Dropdown arrow size
Sets the size of the dropdown arrow.
Dropdown focus arrow color
Sets the arrow color when the dropdown receives focus.
Dropdown focus text color
Sets the text color when the dropdown receives focus.
Dropdown focus background color
Sets the background color when the dropdown receives focus.
Dropdown focus border color
Sets the border color when the dropdown receives focus.
Dropdown horizontal padding
Sets the left and right padding inside attribute dropdowns.
Dropdown vertical padding
Sets the top and bottom padding inside attribute dropdowns.
Gap between dropdowns
Controls the space between attribute dropdown fields.
Price (PRO)
Price text color
Sets the color of the current price.
Price font size
Sets the font size of the current price.
Price font weight
Controls how light or bold the current price appears.
Compare price text color
Sets the color of the compare price.
Compare price font size
Sets the font size of the compare price.
Compare price font weight
Controls how light or bold the compare price appears.
Suggested badge (PRO)
Badge text
Sets the text shown in the suggested badge.
Background color
Sets the background color of the suggested badge.
Text color
Sets the text color of the suggested badge.
Font size
Sets the font size of the suggested badge text.
Font weight
Controls how light or bold the suggested badge text appears.
Text transform
Controls the letter casing of the suggested badge text.
Vertical padding
Sets the top and bottom spacing inside the badge.
Horizontal padding
Sets the left and right spacing inside the badge.
Border radius
Controls how rounded the badge corners appear.
Text vertical offset
Moves only the badge text up or down inside the badge.
Add to cart button (PRO)
Button text
Sets the text shown on the add to cart button.
Background color
Sets the background color of the button.
Text color
Sets the color of the button text.
Font size
Sets the font size of the button text.
Font weight
Controls how light or bold the button text appears.
Vertical padding
Sets the top and bottom spacing inside the button.
Horizontal padding
Sets the left and right spacing inside the button.
Border radius
Controls how rounded the button corners appear.
Text vertical offset
Moves only the button text up or down inside the button.