How to set up the rotating banner with Classy template?

To configure a rotating banner for your website, follow the below steps.

• Select the website template as Classy from the drop-down menu as shown below and click on the Save button.

• Once the template is applied, a link to configure the template will be displayed beside the dropdown. Click on the Pencil icon to configure a rotating banner, as shown below.  

Note: You can also configure the banner from the Website Admin -> Design webpage.

• The following page will be displayed.

• Template Configuration: You can configure the template properties by following the steps given below.
  • Enable homepage rotating banners: To publish a rotating banner on the homepage, select Yes or else select No.

Note: If you select No then, 

• • The settings available for configuring a banner will not be displayed. 
  • The banners present on the homepage will be disabled.

Note: This setting is applicable only if there are two or more banners.

• Homepage banner image and text: To add a homepage banner image and text, follow the below steps,
• Click on Add Banner.

• The following block will be displayed.

• Banner overlay layer color: Select a color for the banner’s overlay layer. The selected color will be displayed as an overlay between the banner image and the banner text.

• Layer transparency: You can set a number for the transparency of the overlay layer. The higher number provides a more transparent layer which allows you to see the underlying banner image. Lower numbers give the reverse effect.
• Banner image: To add a banner image, follow the steps below.
  • Click on Upload Image.

• • The following page will be displayed.

• • Click on Select File and select the image of the banner you want to apply.

• • You can edit the image as per your needs by using the Editor Options available below. 

• • Click on Upload to add the image as a banner.

• Priority: This tells the importance of a banner. Higher priority banners are displayed ahead of the lower priority banners when displayed in the slide show. 
• Banner text: Enter any text that you want to display as the banner text. Use the rich text editor to format the text. You can preview the banner text in two views.
  • Desktop view: The banner will be displayed as shown in the screenshot below. 

• Mobile view:  The banner will be displayed as shown in the screenshot below.

• Click on Save to add the rotating banner to your website.
• The banner will be displayed on the website, as shown below.

• You can add up to 10 banner images and texts to your website.
• To add a new banner, click on the green plus icon, as shown in the screenshot below.

• You can also edit the banner image and text by clicking on the pencil icon.
• You can delete banner images and text by clicking on the red trash icon.