4 - Edit Style Properties in Amaze

The layout of Amaze templates are fixed and cannot be modified however, you can change the look and style of certain elements to suit your brand from the Customize screen. After adding products and clicking the Next - Customize button, you are redirected to the Customize screen. You can also navigate to the Customize screen at any time by clicking on Customize in the left sidebar.

Change the look and style of the following elements from the right sidebar of the customize screen: 

1. Accent element color: Click on the color swatch labeled Accent at the top of the right sidebar to open the color picker. Select a new color, then click off of the color picker to close it.
   
2. Heading font: Click on the dropdown labeled Headings below in the Fonts section of the right sidebar to open a predefined list of heading fonts. Click on a font from the list to apply it to all heading text in the template. 
   
3. Body font: Click on the dropdown labeled Body below the Fonts section of the right sidebar to open a predefined list of body fonts. Click on a font to apply it to all body text in the template. 
   
4. Transition animation: Click on a transition style in the Transition Type section of the right sidebar to apply it to the template. Swipe through the preview in the center of the interface to see what the transition looks like. 
   
5. Transition speed: Use the toggle under Transition Speed in the right sidebar to slow down or speed up the transition speed. Move the toggle to the right to increase transition speed; move it to the left to decrease it.
   
6. Click behavior for the button at the bottom of the shopping cart: By default, the button at the bottom of the shopping cart will redirect visitors to your BigCommerce-hosted checkout page. In some cases, you may want to send shoppers to your store’s shopping cart before checkout. You can do this by checking the box for Go To Cart in the Cart Button Options section of the right sidebar. This option is particularly useful if you have discount, promotion or upsell apps installed on your store’s shopping cart. 

Font color for each text element is managed individually on the Edit Content step. 

When you are done setting style properties, click the Next - Edit Content button at the bottom of the right sidebar to navigate to the Edit Content screen. 

• Related Articles

• 5 - Edit Content in Amaze

  While the template will automatically retrieve certain product data from BigCommerce and update styles based on your selections on the Customize step, you will also need to provide non-product content for fields like background images, logos, copy, ...

• 3 - Add Products to Your Amaze Template

  You can add, remove or update products featured in your template from the Add Products screen. When you click the Start Customizing button from the Page Details screen after creating a project, you are automatically redirected to the Add Products ...

• 2 - Create a new project in Amaze

  After adding the Amaze channel to your store, connecting your Amaze account to BigCommerce and launching Amaze from your BigCommerce admin, you can create a new Amaze landing page. Click on Templates in the top nav menu to navigate to the template ...

• 1 - Add the Amaze Sales Channel To Your BigCommerce Store

  To get started, you will need 1 A BigCommerce account. 2 Your BigCommerce Store URL 3 Your BigCommerce login credentials. To Add the Amaze Sales Channel 1 Log in to the BigCommerce App Store. 2 Search for the Amaze app and click it. 3 On the app ...

• 7 - Remove the Amaze Channel from your BigCommerce Store

  To remove the Amaze sales channel from your BigCommerce account: From your BigCommerce admin, click Settings, and then click Sales channels. Click the trash can next to Amaze to remove it. If you want to give a reason for removing the channel, then ...