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.

Previous
Previous

Kapwing Repurpose Vs Repurpose.io: Long Vid to Short Vert Vids

Next
Next

Expanding Profile Pic With Photoshop Generative AI