Skip to content

Image Separator

Image Separator

Use this module to place an image in between two different rows.
These can be paired with relevant row separators or row shapes for an extra touch.

Customization available:

  • Image Style: Simple, circle, square, design your own
  • Image Position: Bottom, top (default styled at 50% center)
  • Image Alignment: Center, right, left
  • Enable Link: Yes/no
  • Animation: Variable choices
  • Style 1

  • Style 2

  • Style 3

  • Style 4

Style 1

Simple style is best for icons, graphics or images with transparent backgrounds

  • Image Style: Simple
  • Image Position: 50% 
  • Image Alignment: Center
  • Enable Link: No
  • Animation: Jello
fm=f_WkJarPj1

Style 2

Simple style is best for icons, graphics or images with transparent backgrounds. 
This row is using "water" row separator on the bottom. The row background is set to "gradient" for the dusky color effect.  

  • Image Style: Simple
  • Image Position: Top - 50% 
  • Image Alignment: Center
  • Enable Link: Yes (anchored to next row)
  • Animation: Shake
boat-8-512 (3)

Style 3

Circle & Square styles are best for photos, images and graphics with regular or colored backgrounds. 
This row is using "half circle" row separator set to a slightly larger size than the image separator so the image can fit perfectly in between the two rows. 

  • Image Style: Circle
  • Image Position: 50% 
  • Image Alignment: Center
  • Enable Link: No
  • Animation: Roll in
30773 (1)

Style 4

Simple style is best for icons, graphics or images with transparent backgrounds. 
This row is using "wave slide" row separator on the bottom. 

  • Image Style: Simple
  • Image Position: Bottom - 60% 
  • Image Alignment: Right (set to 20% from the right end)
  • Enable Link: No
  • Animation: Light speed in
7W793O4
Scroll To Top