Paragraph & Graphic Styles
Allure has predefined paragraph and graphic styles that can be customized and updated to apply the style across the entire template.
Click here to learn how to customize paragraph styles.
Click here to learn how to customize graphic styles.
Click here if your paragraphic/graphic style isn’t working.
Editing a swatch in a template will automatically update that color across the entire template which greatly increases your workflow. Click here to read the article that explains how to edit swatches.
State buttons are used throughout the Allure template. They are used to combine different objects to create a unified hover effect on the text and image.
Go to the Widgets Library > Buttons > State Button. Drag the state button onto the page.
Right click on the state button and select Clear All Styling. Repeat this and select Clear Widget Contents. Now it’s ready for full customization.
Adjust the size of your state button as desired and drag and drop any text, images, or objects that you want to include in the state button.
To customize the rollover effects, select the state button, go to the upper left and select State Button: Normal. Now you can select the state that you want to customize. You can do some of the following:
Change the opacity of individual objects
Change the font color, size, or spacing
Enable a fade transition
Here’s a great video (5 minutes) by Adobe Muse that shows how to use State Buttons with rollover effects.
Forms are yet to be responsive within Muse. To make sure your forms are appearing properly for every device you must change the size for each breakpoint. For each breakpoint, make sure your form is smaller than your next smallest breakpoint. Allure has pre-designed and sized forms for your use.
Customizing the Contact Form
- Select the form group.
- Click the blue arrow to open the forms’ option panel.
- Customize the form options.
- Use the Fill and Stroke panel to customize the colors of your form.
Styling Form States
You can customize the following states of your forms:
Empty- the Normal state of your form when empty.
Non Empty- the Normal state of your form when filled in.
Rollover- the state of your form when being hovered over.
Focus- the state of your form when selected.
Error- the state of your form when something has gone wrong.
Select the form field and the state you’d like to change in the States Panel and customize each field’s state using the Fill and Stroke panel.
Google Map Styler
The map found on the Contact page is fully customized code for the Allure template site. To add in your own styled colors and features use the Option Panel. Select the Use Custom Code checkbox and paste in your code. Here is a great resource that will help you make your own Google Map Style to apply to your site. For further help on using the Google Map Styler widget, click here.