Customizing the Styling of the TipGenius Pop-up

Looking to style the TipGenius pop-up?

You can further customize the styling of TipGenius on your cart page by inserting CSS code snippets your theme. This can usually be found in the theme.scss.liquid or theme.css file in your Theme settings

For example, you can change the TipGenius title font and text with this snippet below.

div.__tipgenius_text { 
font-family: Verdana; 
color: #eb5255; 
}

Steps:

  1. Visit your store's Theme settings.
  2. Click the Actions button and select Edit Code.

  3. Find your theme.scss.css or theme.css file. This is typically found under the Assets folder.
  4. Scroll down to the bottom of the file and paste in the code snippet above.
  5. Click the Save button.