Layout Field

Layout settings

The two-column layout maintains a fixed structure, ensuring consistent display on smaller screens. Similarly, the three-column layout adjusts to two columns on smaller screens, optimizing the viewing experience across different devices.

Two columns

The columns below have the ‘panels’ option enabled, displaying each column within an individual panel.

Three columns

In this example, the layout field is configured with the ‘panel’ option enabled, wrapping the columns within a single panel.

Auto columns

Auto columns dynamically adjust to fill available space, automatically accommodating between two to four columns based on the content and screen size.

Background image

In the layout settings, you can opt for either a ‘panel’ or a background image. Adjust the transparency of the overlay for the background image with the use of a slider, and activate a blur effect for added customization and control.

Hyphens

Use the HTML entity ­­ to indicate a potential hyphenation point within a text field, and employ   to signify a non-breaking space, preventing the separation of words.

Share

• Share by Email
• Share on Facebook
• Share on LinkedIn
• Share on Mastodon
• Share on X
• Share with WhatsApp
• Copy Link