Remove shape delay

Hello,

The Shape Divider is added using JS Codes and loads on the Page once the Shape Divider JS Codes are available on the Page due to which there is a delay in displaying the Shape Dividers and thus it appears suddenly. To avoid this phenomenon, a Fade In transition is added to the Shape Divider.

We understand your concerns regarding this and we will be releasing an update in the next 2 days to add the Shape Dividers on the Page using Static Codes, thus displaying the Shape Divider instantly.

Meanwhile you can update this manually by following the steps below:

1. Update the existing js/plugins.min.js File with the attached file in this reply.

2. Use the following code to add your Shape Divider manually:
   [ch_pre]<div class="shape-divider customjs op-1" data-shape="valley-3" data-height="150">
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 140" preserveAspectRatio="none" style="height: 150px; fill: #FFF;" class="op-1"><path class="shape-divider-fill" d="M1280 0L640 70 0 0v140l640-70 640 70V0z" opacity="0.5"></path><path class="shape-divider-fill" d="M1280 0H0l640 70 640-70z"></path></svg>
   </div>[/ch_pre]

The List of all the available Shape Dividers and their SVG Codes can be found in the js/plugins.shapedivider.js File.

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.