Skip to main content
All CollectionsLimeSpot Personalizer App1:1 Product RecommendationsSetup and Configuration
How to Select the Best Color, Font Style and Design of the Recommendation Boxes
How to Select the Best Color, Font Style and Design of the Recommendation Boxes

We suggest to use the settings that you have in your Shopify theme so that the recommendation boxes look good with your theme...

W
Written by Will Wadman
Updated over a week ago

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.

Did this answer your question?