Wix Editor: Customizing Collapsible Text on Your Mobile Site
Updated: 6 days ago
After adding collapsible text to your site, adjust it to look and behave exactly as you want for your mobile visitors. You can customize the design and layout of your collapsible text for mobile, whether it was added from desktop or from the mobile editor.
Adjusting the layout of collapsible text
Use the Layout panel to set how visitors see the full body of text. You can also adjust the spacing, alignment, and choose how many lines of text are displayed in the preview.
To customize your collapsible text's layout:
Click the collapsible text box in your mobile editor.
Click the Layout icon
.
Adjust your text's layout with the following settings:
Choose how the text appears?: Choose how visitors view the full body of text:
Collapsed: Your visitors can click an expand button to view the full text on the page, and then click another to collapse the text.
Show all text: The entire text piece is displayed on your site, and is not collapsed.
Customizing the design of collapsible text
Use options such as formatting, font, and color, to edit the body of text, as well as the expand or link button to make them look exactly as you want.
To customize the design of collapsible text:
Click the text box.
Click the Design icon
.
Click the What do you want to design? drop-down menu and click the relevant area: Text or Button.
Design the text and button of your collapsible text using the available options:
Text design options
Use the following options to edit the design of the text:
Style: Select the text theme from the dropdown menu to quickly apply a font and size to your text.
Fonts: Choose how your text looks from the drop-down menu.
Font size: Make your text as small or as big as you want.
Formatting: Further customize your text by applying settings such as bold and italic. You can also add a text, highlight, and outline color.
Alignment: Change how your text is aligned, and the direction it goes in.
Character and line spacing: Drag the slider to increase or decrease the spacing between characters and lines.
Shadows: Add a shadow to give your text a 3D effect. You can customize different aspects of the shadow to make it more or less dramatic.
Expand button / link design options
Use the following options to customize your expand or link button:
Themes: Choose a text theme from the dropdown menu.
Fonts: Click the drop-down menu to choose a font for your button text.
Font size: Drag the slider to make the button text smaller or bigger.
Formatting: Click the options to select the text's color, highlight color, and add formatting such as bold, italics, and underline.
Alignment: Select from the options to choose your text's alignment, and select the text direction.
Character and line spacing: Drag the slider to increase or decrease the spacing between characters and lines.
Shadows: Add a shadow to give your button text a 3D effect. You can customize different aspects of the shadow to make it more or less dramatic.
This article is credited to the Wix team - https://support.wix.com/ and we thank them for that!
Comments