Knowledgebase

How do I set the content width (Full Width vs. Contained)?

FAQ Bild

In AI Web Studio, you can decide whether content should span the entire screen width or remain 'contained' within a centered area.

Controlling Width:

Click on the section or block. In the toolbar, you will find the Alignment icon. You have the choice:

  • No alignment: Content stays at default width (usually approx. 1200px).
  • Wide width: The block is displayed slightly wider than the text area.
  • Full width: The element (e.g., a background image or a map) stretches from edge to edge of the browser.

Alternating between these widths creates an exciting visual rhythm while scrolling and helps to highlight important sections.

Was this answer helpful?

Related Articles

How can I globally adjust the colors of my website?

A consistent color scheme is the foundation of professional branding. The AI Web Studio allows you to control colors centrally, so changes are...

How do I choose the right fonts for my project?

The choice of typography significantly influences how your message is perceived. The AI Web Studio provides access to a curated selection of fonts...

How do I add new design sections (patterns) to my page?

When you want to expand your page, you don't have to reinvent the wheel. The AI Web Studio works with so-called Design Patterns – professionally...

How do I change the order of content on my page?

A logical content structure is crucial for conversion rates. In the AI Web Studio, you can adjust the structure of your page at any time via...

How can I optimize sections for mobile devices?

Since most visitors come via smartphone, the AI Web Studio offers a specialized preview and customization options.Checking Responsive Design:Click...