1 Learn the concept
Wix offers more than one way to customize the look and feel of your website, such as a drag-and-drop editor and tools that suggest layouts for you. This lesson explains the best way to use each and how to keep your design clean and consistent.
2 See it in action
- Set site-wide colors and fonts first.
- Use the editor to adjust layouts and spacing.
- Keep your design simple and aligned.
- Check mobile view separately.
Worked example
Fixing a mobile layout
Problem: on a phone, the heading overlaps a photo.
Fix: open the mobile editor and reduce the heading size and stack the photo below.
Check: view on a real phone.
Result to look for: readable text and easy-to-tap buttons.
3 Study an example
Example scenario
A business sets its colors and fonts once, then adjusts each page. The pages look consistent because the site-wide styles are defined first.
4 Apply it and download
- Choose your colors and fonts.
- Adjust one page's layout.
- Check it on mobile.
Worksheet Website launch checklistOpen, print or save as PDF