Simple Text Edits in Squarespace Fluid Engine
1. Introduction to Simple Edits Using Squarespace Fluid Engine
- Purpose: Demonstrate simple editing techniques.
- Tool: Squarespace Fluid Engine.
2. Initial Steps
- Action: Click 'edit' to modify three columns.
- Observation: Noticing taller boxes with additional characters.
3. Editing Content
- Deletion of Extra Characters: Removing additional characters to adjust box size.
- Column Adjustment: Switching the order of columns as per request.
- Grid Utilization: Using the grid feature for alignment (shortcut 'G').
4. Content Copying and Styling
- Copying Content: Replicating content from one area to another.
- Adjusting Text Style: Changing text to bold and modifying color.
5. Finalizing and Checking Layout
- Height Adjustment: Ensuring maximum height for elements.
- Saving Changes: Saving the current progress.
6. Mobile View Check
- Initial Check: Observing the order and alignment of blocks in mobile view.
- Adjustments: Moving blocks for better mobile layout.
- Final Assessment: Deciding on the spacing and order of elements.
7. Desktop View Confirmation
- Rechecking Desktop View: Ensuring the order of elements is correct in desktop mode.
8. Live Site Verification
- Visiting Live Site: Navigating to artsforeverybody.org to check the live version.
- Browser Tools Utilization: Using Chrome's mobile view feature for further testing.
9. Conclusion
- Final Touches: Potential adjustments to improve layout.
- Summary: Emphasizing the ease of making quick edits and the utility of different tools.