Customizing Styles

Vanessa -

 

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.
 
 

Swatches

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

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.
 
Step One
Go to the Widgets Library > Buttons > State Button. Drag the state button onto the page.
 
Step Two
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.
Step Three
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.
 

Rollover Effects

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

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
    1. Select the form group.
    2. Click the blue arrow to open the forms’ option panel.
    3. Customize the form options.
    4. 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


Have more questions? Submit a request
Back to FAQ