# New Features!

1. Streamlined UI/UX
2. Light and Dark modes
3. Absolute positioning of elements
   1. Show relative positioning alignment and distances when dragging
   2. Ability to overlap elements
   3. Ability to group/ungroup elements
   4. Ordering of absolutely positioned elements using Context Menu
      1. Bring To Front
      2. Send To Back
      3. Bring Forward
      4. Send Backward
4. Ability to switch between pages while in the page editor (edit multiple pages in one page editor session)
5. Right-click to perform operations on an element
   1. Lock
   2. Delete
   3. Duplicate
   4. Edit Code
   5. Hide on all devices
   6. Move front and back, for overlapped absolute-positioned elements
6. Page Builder keyboard shortcuts
   1. Delete (Delete / Backspace)
   2. Duplicate (Ctrl D /  Cmd (⌘) D)
   3. Edit Code (Ctrl E /  Cmd (⌘)  E)
   4. Undo (Ctrl Z /  Cmd (⌘) Z)
   5. Redo (Ctrl Y /  Cmd (⌘) Y)
   6. Close the code editor, popup manager, and color picker (Esc)
   7. Context Menu
      1. Open for the current selected element (Right-click)
      2. Open for the last selected element (Ctrl + Right-click) - Helpful when there is less whitespace for the element to be right-clicked
   8. Open browser default context menu (Shift + Right-click)
7. Text Editor keyboard shortcuts
   1. Use these shortcuts on the rich text editor
   2. Copy (Ctrl C /  Cmd (⌘) C)
   3. Paste (Ctrl V /  Cmd (⌘) V)
   4. Bold (Ctrl B /  Cmd (⌘) B)
   5. Italic (Ctrl I /  Cmd (⌘) I)
   6. Underline (Ctrl U /  Cmd (⌘) U)
   7. Strikethrough (Ctrl + Shift + X /  Cmd (⌘) + Shift + X)
8. Code Editor keyboard shortcuts
   1. Use these shortcuts in the code editor
   2. Go to parent (Ctrl P)
   3. Close code editor (Esc)
   4. Undo (Ctrl Z /  Cmd (⌘) Z)
   5. Redo (Ctrl Y /  Cmd (⌘) Y)
9. Improved Undo and Redo
10. Improved Layer Manager
    1. Rename elements
    2. Right-click inside Layer Manager to manage elements
    3. Keyboard shortcuts
11. Wider Settings and Style Manager panel to be fully readable on desktop and laptop
12. Style Manager
    1. Basic and Advanced tabs on Style Manager.  Your preference is retained leaving the page editor.
    2. Ability to change styles for even/odd elements
13. Simple toggle to hide elements on each device on Settings Manager
14. Ability to easily switch between sub-types of elements in Settings Manager
    1. Testimonial (and maintains content when switching)
    2. Carousel
    3. Order Bump
    4. Button
    5. Survey
    6. Variant Product Sections
15. Blocks, Settings, and Style Manager all sit on top of the page editor canvas and can be moved around for page visibility.  The page encompasses the entire width of the monitor.
16. Preview in a new tab, with ability to switch between 5 device views
17. Product Sections - variants and images of the assigned product are visible in the editor
18. Color picker retains the previous 15 colors selected per user
19. Color picker contains the main site color
20. Ability to multi-select elements and update styles for all
21. Ability to lock an element (settings and style and position)
22. Ability to view and edit code on an element
23. Improved code editor 
    1. Formatted and validated html and css
    2. Expand html and css sections for readability
    3. Full head and body sections in html
24. Group elements (Shift + Click or Ctrl + Click)
25. Icon selection moved from element to Settings Manager