Learn how to use the Flexishapes Element.
Ensure that the Visual Composer plugin is installed and active, then Edit or Create a new Page.
Once the page has loaded, if it hasn’t got a title, enter one and then click the Frontend Editor button.
We’ll first add a Row Element to the page:
Change Row stretch Setting Next, we’ll configure the Row Stretch setting, this determines the width of the Flexishape.
Add a Background Color to the Row Next we’ll add a Background Color to the row, this will highlight what how the Flexishape manipulates the content within a Row.
Add Some Content to the Row Next we’ll add some simple content to the Row, this can be anything you like, in this example we’ll add a Text Block.
Add a Flexishape We’re ready to add a FlexiShape, we’re going to add this below the Text Block as it’s going to be placed at the bottom of the Row.
Configure the FlexiShape Next, we’ll configure the FlexiShape, using the Frontend Editor, you can get creative with the settings to see what works for you.
Add multiple FlexiShapes We can “Layer” the FlexiShapes to create different effects. In this example we’re going to add a semi-transparent FlexiShape