![dummy013](https://binarystarsolutions.com/wp-content/uploads/2014/09/dummy013.jpg)
![dummy020](https://binarystarsolutions.com/wp-content/uploads/2014/09/dummy020.jpg)
GET SETTINGS
VC Element: “Before / After”
Choose first image: [add from Media Library]
Choose second border-image: [add from Media Library]
Orientation: Vertical
Navigation: Follow
Visible part of the “Before” image (in %): 50
![](https://binarystarsolutions.com/wp-content/uploads/2014/11/dummy011.jpg)
![dummy022](https://binarystarsolutions.com/wp-content/uploads/2014/09/dummy022.jpg)
GET SETTINGS
VC Element: “Before / After”
Choose first image: [add from Media Library]
Choose second border-image: [add from Media Library]
Orientation: Horizontal
Navigation: Follow
Visible part of the “Before” image (in %): 70
![](https://binarystarsolutions.com/wp-content/uploads/2014/11/dummy010.jpg)
![dummy021](https://binarystarsolutions.com/wp-content/uploads/2014/09/dummy021.jpg)
GET SETTINGS
VC Element: “Before / After”
Choose first image: [add from Media Library]
Choose second border-image: [add from Media Library]
Orientation: Vertical
Navigation: Click and drag
Visible part of the “Before” image (in %): 50
![dummy013](https://binarystarsolutions.com/wp-content/uploads/2014/09/dummy013.jpg)
![dummy020](https://binarystarsolutions.com/wp-content/uploads/2014/09/dummy020.jpg)
GET SETTINGS
VC Element: “Before / After”
Choose first image: [add from Media Library]
Choose second border-image: [add from Media Library]
Orientation: Horizontal
Navigation: Click and drag
Visible part of the “Before” image (in %): 50