Create a Shape Style


This guide will show you how to create Shape Styles in SitePad. Shape Styles can be given to Rows, Columns and Inner Rows. Shape Styles are HTML5 shapes which will be behind the content of the Rows, Columns and Inner Rows. They add a visual appeal to your content and are particularly used in modern websites.


In this example, we will demonstrate how you set a Shape Style for a Row. But the same is applicable to Inner Rows and Columns as well. Just drag a row or edit an existing row. Then in the options you will find Shape Styles.


  • Position : Shape styles can be given to the top or bottom of the Rows, Columns and Inner Rows.
  • Type : There are more than 15 shape styles like Arrow, Big Triangle, Curve, Clouds Mountains, etc. Please choose 1 of these.
  • Color : Set the color of the shade style. Click on the color box to see the color pallette.
  • Width : Set the width of the shade style.
  • Heigth : Set the height of the shade style.
  • Flip : Its a checkbox. It will flip the shape style in the opposite direction.

The following is a gif animation showing how to create a shape style effect :

shape styles
    Was this page helpful?
    Newsletter Subscription
    Subscribing you to the mailing list