Skip to main content
All CollectionsProduct RecommendationsSetup & 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...

Updated over a week ago

Note:
This guide is applicable to customers on LimeSpot Max, Premium, Essentials, and other legacy plans.

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?