Grouped Regions' Settings

Grouped Region Settings

1. Grouped Regions Explained:
   • Imagine a web page divided into different areas or 'regions.'
   • These regions are grouped and put inside a 'box' called a div. This is like putting several small containers into a larger box.
   • The big box (div) has its own settings, like color or size, which can affect everything inside it.
   • But each small container (region) inside the big box can also have its own settings. These settings can override the big box’s settings.
2. Region Wrapper Settings:
   • This is about how regions inside the big box (div) are arranged and their size settings.
   • The regions are categorized into Top, Main, Bottom, and Footer.
   • These regions can be split into columns, and there are settings for two, three, or four columns:
     • Two columns: They can be split in different size ratios like 50%/50%, 67%/33%, etc.
     • Three columns: Options include 33.3%/33.3%/33.3%, 25%/50%/25%, etc.
     • Four columns: You can have equal sizes (25% each) or different ratios.
3. Visibility Options:
   • You can choose where these regions show up on your website:
     • On all pages
     • Only on the home page
     • On all pages except the home page
4. Additional Customization Options:
   • Animation Checkbox: You can choose to add animations to the borders of these regions (except for the 'Main' region).
   • Border Checkbox: This lets you add borders to each region.
   • Round Corners Option: Using a radio field (a type of selection tool), you can choose to have round corners for each region.
   • CSS Class Input: A text field where you can enter specific CSS classes (styles) from either the Solo system or any third-party styles you’ve uploaded.
   • Color Choices: There are 15 different color options you can apply to these regions.

Individual Region Settings

• These are similar to the grouped regions' settings but they apply to each small container (region) inside the big box (div).
• Like in the grouped settings, you can input CSS classes and choose from 15 color options.

In essence, these regions' settings offer a flexible and customizable way to design and structure the different areas of a web page. Users can control the layout, visibility, style, and color of each part of the page.