Update styleeditor.md

b1/website-admin/elements/styleeditor.md

@@ -6,3 +6,30 @@ title: Elements - Style Editor
 
 # Using Style Editor in your Website
 
+1.![Style Editor 1](https://github.com/ChurchApps/ChurchAppsSupport/assets/127863068/e604d025-ee83-48aa-883d-af1dad773cef)
+
+Navigate to Simple Elements and drag and drop an Element into your Section.
+
+2.![Style Editor 2](https://github.com/ChurchApps/ChurchAppsSupport/assets/127863068/97805d59-928c-47f1-b906-6c560e09f9ca)
+
+Set up the element with whatever you would like to put in it.
+
+3.![Style Editor 3](https://github.com/ChurchApps/ChurchAppsSupport/assets/127863068/819fd16a-66a5-445f-9bbf-9094410d6f09)
+
+Click the Show Style Editor link. This will allow you to customize a variety of styles within your Element.
+
+![Style Editor 4](https://github.com/ChurchApps/ChurchAppsSupport/assets/127863068/724e3691-6d2f-4655-bc99-5c01d06e5976)
+
+Choose which platform you would like to put the style in. You can apply the style to All platforms, Desktop only or Mobile only. This gives you the ability to customize your mobile or desktop design without affecting the other platform.
+
+![Style Editor 5](https://github.com/ChurchApps/ChurchAppsSupport/assets/127863068/937abf3d-8bf5-417c-8273-cb99ce6c56a3)
+
+Click on the property dialog box.
+
+![Style Editor 6](https://github.com/ChurchApps/ChurchAppsSupport/assets/127863068/c99c99ae-719a-4f45-a571-2a6924d555b6)
+
+This will give you a variety of options to customize your element. Choose one of these and create the style you want.
+
+![Style Editor 4](https://github.com/ChurchApps/ChurchAppsSupport/assets/127863068/33371dfc-9a2f-47c9-804a-49a6c359081e)
+
+You can add as many different styles as you would like.