Overview
You can control the overall layout width, spacing, and global styling from:
Appearance → Customize → Layout
Layout Settings #
- Site Width – Defines the maximum width of the site container (in pixels). This controls how wide your website content appears on large screens.
- Screen Padding – Defines the outer spacing between the main site container and the screen edges (in pixels). This affects the overall page framing, especially on wide screens.
- Padding – Controls the internal spacing used across the layout (in pixels). This padding is applied to content areas and components such as sidebars to improve readability and visual balance.
- Radius – Sets the global border radius (in pixels) for buttons and interface elements. Higher values create a softer, more rounded design style.
- Overlay Opacity – Controls the opacity level of overlay elements used throughout the theme (e.g., hover overlays, banners, image overlays).
Tip: Adjust these settings carefully to maintain a balanced layout across different screen sizes and ensure a consistent design system.
