Overview #
The separator settings are part of the core theme settings that control the overall look and feel of your shop. These settings are applied universally across the theme but can be customized at the section or block level for more specific design needs. They play a crucial role in defining the visual separation between different sections of your site, contributing to a clean and organized layout.
Key components and functionality #
Separator settings
Separator settings allow you to define the visual style of lines that separate different sections of your site. These settings enhance the overall user experience by creating a clear and organized layout.
Top separator style
This setting allows you to choose the style of the line that appears at the top of sections. The available options are:
- Dashed - A line with dashes.
- Dotted - A line with dots.
- Line - A solid line.
- None - No line is displayed.
Default: None
Bottom separator style
Similar to the top separator, this setting controls the style of the line at the bottom of sections. The options available are:
- Dashed - A line with dashes.
- Dotted - A line with dots.
- Line - A solid line.
- None - No line is displayed.
Default: None
Separator color
This setting allows you to choose the color of the separator lines. This can be customized to match the overall color scheme of your theme, ensuring consistency and visual appeal.
Usage examples #
-
Creating a clean layout: You might consider adding subtle lines between sections to help organize content and guide the user's eye through the page.
-
Highlighting sections: You might consider choosing a contrasting color for the separator lines to draw attention to specific sections, such as promotional banners or featured products.
-
Minimalist design: You might consider opting for the "None" option to maintain a clean and minimalist design, focusing on content without visual interruptions.
By utilizing these settings, you can enhance the visual structure of your site, making it more user-friendly and aesthetically pleasing.
Align v1.7 is out now! Learn more about our best release yet →