Embed
Embed: preview
Embed size:
Maintain aspect ratio
Show steps
Embed code
Create a Collection
Update Collections
Create a
Collection
Steps to set a text element to center-align its text at a specific breakpoint.
-
1Select the Text Element on the Page.
Click the continue button:
-
2Select Element States below the Stage.
Click the continue button:
-
3Select the + card.
Click the continue button:
-
4The New State panel will open. The first step is to set the State that the element will change to, in this case showing the text as center-aligned.
Select all the text - for this example, click the text and we'll select it for you.
Click the continue button:
-
5Select the Center Align option.
Click the continue button:
-
6Select Trigger Type (or select Next).
Click the continue button:
-
7Select Breakpoint.
Click the continue button:
-
8Select Set Trigger.
Click the continue button:
-
9Select Extra Small.
Click the continue button:
-
10Select Settings.
Click the continue button:
-
11Select Done.
Click the continue button:
-
12The new State has been added to the Element States panel.
Close the panel by selecting the X.
Click the continue button:
-
13Select the Extra Small breakpoint icon.
Click the continue button:
-
14The text in the element changes from left-aligned to center-aligned.
Click the continue button:
Comments ( 0 )
Sign in to join the discussion.