To change the style of your site effectively, focus on the key customization areas through the Site Styles panel:

Accessing Site Styles

• Click the paintbrush icon in the upper right corner while editing any page
• Choose between preset themes (Professional, Bold, Fun) or customize individual elements

Main Customization Areas:

Fonts

• Select font packages for site-wide text
• Customize specific text types independently
• Format as title, paragraph, or monospace
• Links automatically appear underlined for accessibility

Colors

• Apply color combinations site-wide
• Customize individual element colors
• Ensure proper contrast for accessibility

Layout Settings

• Header: Customize navigation, logos, and buttons
• Footer: Edit layout and content
• Spacing: Adjust page width, margins, and padding
• Section spacing: Fine-tune individual section layouts

Images and Media

• Customize image block styles
• Add banner images
• Set aspect ratios
• Apply scroll animations
• Adjust background images and colors

Buttons and Products

• Style buttons consistently across your site
• Customize product display formats
• Modify store page layouts

Managing Changes

• Click Save to preserve changes
• Use undo/redo arrows to reverse changes
• Reset to default styles if needed
• Add custom CSS for advanced customization

Remember to preview changes across different devices before saving to ensure a consistent look across all platforms.

Note: Style options may vary between versions 7.0 and 7.1, with 7.1 offering more unified customization options.

Related Articles

Previous Articles