What does the Custom colors and fonts block do?
The Custom colors and fonts block overrides the wishlist button’s colors and the wishlist view’s typography for the theme it’s enabled on. Use it when the app’s own color settings don’t match this theme, or when you want per-theme styling. This page documents every setting and what it changes.
How the block works
- Your values are published as
window.WishListHero_setting_theme_overrideand merged into the app configuration,window.WishListHero_setting - An empty color keeps the app’s configured value; the block skips unset colors
- The overrides apply to the theme the block is enabled on, so you can enable it on one theme and leave it off on another
Settings reference
| Setting | Setting ID | Type | Default |
|---|---|---|---|
| Background Color | Btn_color |
Color | Empty |
| Text Color | WishlistButtonTextColor |
Color | Empty |
| Icon color on a background | Ico_color |
Color | Empty |
| Header font size | HeaderFontSize |
Range, 1 to 50 px | 30 |
| Header color | HeaderColor |
Color | Empty |
| Product Name font size | ProductNameFontSize |
Range, 1 to 50 px | 18 |
| Price font size | PriceFontSize |
Range, 1 to 50 px | 16 |
| Price color | PriceColor |
Color | Empty |
Button colors
Background Color
The wishlist button’s background color, published as ButtonColor . Set it to transparent to keep using the app’s configured colors.
Text Color
The button label’s color, published as WishlistButtonTextColor . When the button runs without a background, this value also colors the icon.
Icon color on a background
The icon’s color when the button has a background color, published as Ico_Color and IconColor . The app ignores this value when the button has no background.
Wishlist view
These settings style the wishlist view, the page or popup that lists a shopper’s saved items.
Header font size
Font size of the “My Wishlist” title, published as HeaderFontSize . The range runs from 1 to 50 px in steps of 0.5, with 30 px as the app default.
Header color
Color of the wishlist title, published as HeaderColor .
Product Name font size
Font size of product titles in the list, published as ProductNameFontSize . The range runs from 1 to 50 px in steps of 0.5, with 18 px as the app default.
Price font size
Font size of prices in the list, published as PriceFontSize . The range runs from 1 to 50 px in steps of 0.5, with 16 px as the app default.
Price color
Color of prices in the list, published as PriceColor .
Related pages
