To make any design related changes please navigate to your Personalization > Product Recommendations and click on the black Designer button.
​

Here you will be able to a see a preview of your site on the right panel and a box designer panel on the left. Click on the Global Settings menu. Under this option you will see a drop-down menu with different options (i.e. Colors, Typography, Image etc.) to customize your boxes.
​
​NOTE: Any of the changes done in the Global Settings is done for all the recommendation boxes on all of your store's pages.
​

Use this panel to changes colors for elements like Product Titles, Prices, Sale Tag, Add to Cart button and Next/Prev Buttons.

Use this menu to change the typography (i.e. font family, font size, font weight, italics and text transformation) of the Recommendation Box Title, Product Titles/Prices, Sale Sign, and Add to Cart button.
​
​Note: If you cannot find a particular font style, you can choose the Custom option and manually input the font family that matches your store.

​

You can use this menu to change the image size, space between the images (margin right), rounded corners (border radius), or show second image on hover.

Note: If you need to add more CSS code for our recommendation boxes, you can go to this article to see our different classes.