Customizing Styles

Vanessa -

 

The AXLE template was made to make creating your PayPal store site beautiful and easy. Use the following tips to customize AXLE for your personal shop.

 

Paragraph/Graphic Styles

AXLE 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 AXLE 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. AXLE has pre-designed and sized forms for your use.
 
 
Screen_Shot_2017-07-18_at_12.22.07_PM.png
 
 
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. 
Have more questions? Submit a request
Back to FAQ