Saving and reusing styles
Reuse. Restyle. Recycle.
When you've used our Block Styles tools to create the look you want, you can save that block styling to your library and use it again at any time.
Saved styles can be especially useful for teams. If your team needs to build Qwilr pages that are heavily customized for each client, but you need a quick way to give them all a consistent look, a style library saves everyone time.
In this article:
What's included in a saved style
Styles are block-specific. If you save the styling from a Text Block, for example, you can apply it to other Text Blocks, but not to a Splash Block. If you've styled a full page and you want to retain all the styling, you'll want to save the style of each block separately.
When you save a Block's styling, it includes the settings you've made in the Block Styles menu.
Your saved styles can include:
- Background colors
- Text colors and sizing set from the Block Styles menu
- Block width and spacing
- Animations
Certain blocks will have other styling elements included:
- Splash Block: Tint, opacity, background card
- Quote Block: Card styling, highlight color
- Accept Block: Button styling
Note: If you make any text styling adjustments from the contextual styles toolbar, those won't be included in your saved style.
Saving styles
Once you have everything in your block styled the way you want it, click the Style Library icon in the top left corner.
Click the + button to add your new style, and then give it a name.
Reusing styles
To reuse a saved style, start a fresh block. Then head to your Style Library and click on the style you want to use. It will apply to the block automatically.
You can also use the search field to search your styles by name. If you want to go back to the original style, click Default Style from the top of the list.
Updating and saving a saved style
If you've applied a saved style to a block and made changes to it, click the three dots next to the saved style and select "Save Changes" to update it.
Options for existing styles
Click on the Options icon for this style (3 dots), and you'll see a dropdown menu.
From here, you can:
- Save changes so you can save the new changes on the existing style.
- Revert changes so your block goes back to the original saved style.
- Rename this saved style.
- Duplicate this saved style.
When you choose Publish Style:
- Any changes will be applied to blocks using this style on the current page, as well as any new pages you create moving forward.
Got questions? Reach out to [email protected] for quick answers from our Support Team!