How to make swirly pretty page breaks

Home
on this page there is a nice page break swirl between the black & white…how do I do this on my courses?

2 Likes

Hi Shane!

So you need to make yourself a long rectangular image - around 1920 by 150 say, with that half black half white with the swoosh split… so it looks like this:

Then set your first article to have a black background, your second article to have a white background, and finally, turn on the Article Divider setting for either Divider After for the frist article or Divider Before for the second article, then add that image in.

You will need to make sure that you set the vertical height of the divider to be the same as your image - then just tweak until it looks right.

You will probably want to make a new version that works on mobile - around 1024 x 100 maybe? Then add that in for the mobile version.

Let me know if you get stuck!

5 Likes

Thank you Helen. swooshy elearning here I come!!

1 Like

Awesome!! You can get really creative with it!
Would love to see what you make :slight_smile:

Helen

1 Like