Wix Pro Gallery: Customizing Your Gallery's Text Boxes
4 min read
When you choose to display your gallery items' info (text and/or description) above or below the item itself, you can choose from different text box styles. You can customize the text box background color, height, space between the image and text, and more.
Note:
Text boxes are only available in the Grid, Slider, Strip and Columns layouts, where you have chosen to display your info above or below the item. The text box feature will not be available if you choose "on image" as the info position in the Text tab of the Design settings panel.
In this article, learn more about:
Choosing a text box style
Choose from three text box styles to showcase your gallery text in the Item Style tab of the Design settings panel.
To choose a text box style:
- Click the Pro Gallery in your editor.
- Click Settings.
- Click the Design tab.
- Click Item Style.
- Select a style from the three text box styles:
- No background: The text box has no background.
- Background attached: The text box has a colored background and is attached to the image. The image is attached to the top of the image if you chose to display the info above, and is attached to the bottom of the image if you chose to display the info below.
- Background detached: The text box has a colored background but is not attached to the image. A small amount of space is present between the image and text box.
Customizing your text box design
Customize your text box's color, height, and more, as well as the text within, so that it rhymes in with the rest of your site. You can do this from the Texts tab in the Design settings panel.
Customize your text box design:
- Click the Pro Gallery in your editor.
- Click Settings.
- Click the Design tab.
- Click Texts.
- Customize your text and text box using the following options under the Text Design section:
- Title style and color: Select the font and color of the title text.
- Description font style and color: Select the font and color of the description text.
- Horizontal alignment: Choose to align the horizontal text either on the left, in the center, or on the right.
- Fill color & opacity: Click the color box and select the background color of the text box. Drag the slider to adjust the background color's transparency. Note: If you have chosen the No background text box style, this option will not be available.
- Adjust text box height: The text box height depends on the font size of the title and description. Select the relevant checkbox to choose to adjust the text box automatically or manually.
- Automatically: The text box height is automatically determined based on the font size of the text.
- Manually: Drag the slider to adjust the text box height. Tip: Make your font smaller or manually adjust the text box height if you use long descriptions for your images.
- Space between image and text: Drag the slider to change the amount of space between the image and the text box (from 0 to 100 pixels).
- Text vertical padding: Drag the slider to change the amount of space between the vertical text and the border.
- Text horizontal padding: Drag the slider to change the amount of space between the horizontal text and the border.
- Space between title & description: Drag the slider to change the amount of space between the title and description (from 0 to 50 pixels).
Tip:
You can also customize the border width and color of the text box as well as its corner radius from the Item Style tab in the Design settings panel.
Note:
Currently, it is not possible to add collapsible text to your Wix Pro Gallery. If this is something you'd like to see in the future, vote for that feature.
Did this help?
|