This guide describes the Theme settings > Overlay labels menu options.
Use the menu options to configure Exhibit's Overlay labels feature. For sections that support overlay labels, the feature displays an overlaid text label when a store visitor places their cursor over a tile on a page, or "tabs" through store content using their keyboard. For guidance with setting up overlay labels inside a section, refer to Overlay labels.
In the previous video, on the left side, the Theme settings > Overlay labels menu is displayed. The menu shows the following two options:
To use the color scheme's accent color (pink) as the background color for overlay labels, the Background color dropdown is set to Scheme accent.
To set a (white) color for overlay label text, the Text color dropdown is set to White.
On the right side of the video, a store's Homepage is displayed in Theme editor. When the cursor is placed over a tile on the Homepage, an Overlay label is displayed. The previous settings for background and text color are applied to the Overlay label.
For general guidance with adjusting a theme setting, refer to Settings overview and Shopify help: Theme settings.
To set how overlay labels are displayed on your store's pages:
Go to Theme settings > Overlay labels.
Select a setting described in the following table.
Some combinations of blend modes and label colors might make overlay labels invisible or difficult to see. Apply a suitable background color to overlay labels for high contrast and accessibility purposes.
Depending on the font, adjustments to the line height may be required to display no gaps between lines of text.
To use the settings in the previous table, enable the Overlay labels feature for a suitable section. Refer to Enable overlay labels.