To make any design related changes please navigate to your LimeSpot Admin Panel > Conversion > Website Personalization 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.
Colors
Use this panel to changes colors for elements like Product Titles, Prices, Sale Tag, Add to Cart button and Next/Prev Buttons.
Typography
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.
Custom Typography
Image
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.