Content
As You have seen Backend part of this element from our video, It's pretty self-explanatory and simple to use.
Normal ROW SEPARATOR:
For Basic Pre-Built Separator styles, Use different options from a dropdown (Separator Style). As Per your selection of an option, It will ask for color. Some Styles have two colors and some have just one color. You can choose any color from our color picker. You can choose opacity in color if you want.
Except "Custom Image" Option in the drop down, All options are for Normal ROW SEPARATOR.
Custom Image ROW SEPARATOR:
This Option is to setup a custom uploaded image as a row separator. It's a unique and very useful functionality. It has many options to setup. You can just take a look on the element panel for that. below is the list of those options:
Upload Image : It's a base upload image option.
Hover Image : You may change an image on hover by uploading this image.
X-position : It's a position of the image from the X direction. For e.g. If you want an image in the middle, you need to choose 50% in this box.
Y-position : It's a position of the uploaded image from a Y-axis, We have given this options so you can adjust image up down as per row separator's style.
Image Shadow: Just put a CSS of shadow and It will be added to a uploaded image.
Border Radius : Put a value to setup a border radius around uploaded image. That way you can create a circle,square borders as per requirements.
Animated Hover Effect: Select Animation effect of On Image hover.
Image Effect : You can choose one from some continuous effects on image from this dropdown.
Image URL :You may select a link/id on the image to make row separators more interactive.
Above are the options of this elements, Those are simple yet very useful and versatile.