Astra offereda side-bar (in software)The Style feature allows you to change the visual representation of the sidebar on the page for people with different content layout needs.
![Image [1]-Astra Sidebar Styling Explained: Creating a Flexible and Clear Page Structure](http://gqxi.cn/wp-content/uploads/2025/04/20250418190330375-image.png)
Introduction to Style Options
Sidebar styles apply to either the left or right sidebaropening (chess jargon), provides three ways to set up:
Boxed
Add a border to the sidebar to make the structure clearer and the content area independent.
![Image [2]-Astra Sidebar Styling Explained: Creating a Flexible and Clear Page Structure](http://gqxi.cn/wp-content/uploads/2025/04/20250416165638119-image.png)
Unboxed
Remove the border restriction to allowa side-bar (in software)Blended with the overall content, the page is more spacious.
![Image [3]-Astra Sidebar Styling Explained: Creating a Flexible and Clear Page Structure](http://gqxi.cn/wp-content/uploads/2025/04/20250416165644201-image.png)
Default
use the currentweb pageor an existing style configuration in the global settings.
If the page settings are set to Default, the system automatically applies them in the following order of priority: Page Setup > Page Type Settings > Global Settings.
Setting position
Sidebar style options can be set in multiple areas:
- Appearance > Customization > Sidebar: Setting up the entire site'sa side-bar (in software)type
![Image [4]-Astra Sidebar Styling Explained: Creating a Flexible and Clear Page Structure](http://gqxi.cn/wp-content/uploads/2025/04/20250416165743496-image.png)
- Appearance > Customize > Blog > Single post: set for post content
![Image [5]-Astra Sidebar Styling Explained: Creating a Flexible and Clear Page Structure](http://gqxi.cn/wp-content/uploads/2025/04/20250416165749730-image.png)
- Appearance > Customize > Blog > Blogging/Archiving: Apply to article archive page
![Image [6]-Astra Sidebar Styling Explained: Creating a Flexible and Clear Page Structure](http://gqxi.cn/wp-content/uploads/2025/04/20250416165754363-image.png)
- Appearance > Customize > Page: Apply to Normal Page
![Image [7]-Astra Sidebar Styling Explained: Creating a Flexible and Clear Page Structure](http://gqxi.cn/wp-content/uploads/2025/04/20250416165759984-image.png)
- page or in the article editing screen Astra Icons: Styling individual content
![Image [8]-Astra Sidebar Styling Explained: Creating a Flexible and Clear Page Structure](http://gqxi.cn/wp-content/uploads/2025/04/20250416165809438-image.png)
Working with Container Layouts
can be used in combination with other layout types to achieve differenttypographicalStyle. Example:
![Image [9]-Astra Sidebar Styling Explained: Creating a Flexible and Clear Page Structure](http://gqxi.cn/wp-content/uploads/2025/04/20250416165840707-image.png)
Choose the standard layout, the container is set to "boxed", the sidebar is set to "unboxed", forming a strong sense of partitioning without being confined to the page structure.
Supported Scope and Usage Limitations
Currently, the layouts that support this style setting are standard layouts and some pages with sidebars. Some layouts cannot use this feature for the time being:
- Full-width layout: sidebar style cannot be displayed because the content has been expanded full-screen
- Narrow layout: this layout focuses on the content area and does not provide sidebar style control for the time being
Plugin Adaptability
This feature is compatible with common functionality class plugins for content, course or e-commerce websites, including:
Setting up sidebar styles in conjunction with these plugins can enhance the overall content presentation and structural clarity of the page.
![Image [10]-Astra Sidebar Styling Explained: Creating a Flexible and Clear Page Structure](http://gqxi.cn/wp-content/uploads/2025/04/20250418190200208-image.png)
summarize
Astra offereda side-bar (in software)Styling features can help websites achieve more flexible visual partitioning in their structure to meet the needs of content-rich or functionally complex pages.typographicalRequirements. Container styles can be combined with page layout combinations to create content display effects that meet different needs. It is recommended that the sidebar style of each page be set reasonably according to the specific content structure.
Recent Updates
Link to this article:http://gqxi.cn/en/50441The article is copyrighted and must be reproduced with attribution.
No comments