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.
To style a Block, click on the Brush icon and choose Customize style. When you save a Block's styling, it includes the changes you've made there.
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 + button in the Style library 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.
If you want to go back to the original style, click Default Style from the top of the list.
Updating a saved style
Once you've made edits to your Saved style, and want to save the changes, click on the Options icon for this style (3 dots), and you'll see a dropdown menu. Choose Publish to library.
You will be notified that changes will apply to blocks using this style on the current page and any new pages created. Confirm by clicking Publish style.
The Options menu (three dots) also allows you to:
- Revert changes so your block goes back to the original saved style.
- Clone, to save a separate copy of the style that includes the changes. You'll be prompted to give the copy a different name.
- Rename this saved style.
- Delete this saved style.
Got questions? Reach out to [email protected] for quick answers from our Support Team!