Dynamic and Responsive Layout Features
Navigation and Layout Highlights
Tailored Design and Customization
Solo Theme Customizable Color Guide
Background Color
Variable: --r-bg
Description: Sets the background color for the region.
Example: #page-wrapper { background-color: var(--r-bg); }
Solo Regions Overview
The Solo theme features two distinct types of regions: Single and Grouped regions. Single regions are standalone and have their own wrappers, making them ideal for content that needs individual focus. Examples include the header, primary menu, and highlighted areas.
Grouped regions, in contrast, include 3 or 4 regions combined within a shared wrapper. These regions distribute horizontal space evenly, creating a balanced layout. Common examples are the top, main, bottom, and footer sections.
This combination of Single and Grouped regions provides flexibility in organizing your site’s structure, catering to both isolated and cohesive content presentation needs.
The theme includes single regions such as Popup Login Block, Fixed Search Block, Header, Primary Sidebar Menu, Primary Menu, Welcome Text, Highlighted, System Messages, Page Title (not visible on the home page), Breadcrumb, and Footer Menu Container, as well as grouped regions categorized into TOP (Top First, Second, and Third Containers), MAIN (Left Sidebar, Content, Right Sidebar), BOTTOM (Bottom First, Second, Third, and Fourth Containers), and FOOTER (Footer First, Second, and Third Containers).
Total Control Over Site Width and Layout
The Solo theme empowers you to customize your website's width effortlessly. Whether you want a compact 800px or a sprawling 2560px, or even a dynamic 100% width, Solo provides eight options for global site width, content types, and individual nodes—all adjustable with a single click. Perfectly balance design and usability with layouts tailored to your vision.
Breakpoint Brilliance for Every Screen
Fine-tune your website's responsiveness with Solo's one-click breakpoint adjustments. Choose from five predefined options to ensure your site looks stunning across all devices. Customize not just the entire website but also menu breakpoints, delivering seamless navigation on any screen size.
Flexible Spacing and Typography
With Solo, you can control the spaces between regions and tweak font sizes for the entire site with a single click. Create the perfect visual balance with five region spacing options and three font size variations. Want more personalization? Import custom Google fonts and make your site truly unique.
Seamless Social Customization with Solo
Effortlessly customize your social presence with Solo! Choose from three icon sizes (Small, Medium, Large), tailor icon colors with a single input, and decide whether to showcase them with a simple checkbox. Featuring 17 social media and communication icons—including Facebook, Instagram, TikTok, and more—Solo makes connecting with your audience seamless and stylish.
Enhanced Customization Features
Tailor every detail with ease. Solo allows quick CSS modifications directly in the header—no need for a sub-theme. Adjust date formats with three predefined styles or switch the layout for multi-value fields to appear inline for a cleaner look. These features make customization fast, easy, and effective.
User-Centric Features for a Polished Experience
Transform login, register, and password pages by disabling sidebars to center forms for a professional, user-friendly layout. Reorder the header and main menu regions to suit your site’s needs, enhancing navigation and visual flow. For content-heavy pages, Solo offers a "Reading Mode" that optimizes readability with a 600px width for the content region.
Dynamic Animations and Smooth Interactions
Elevate your site’s interactivity with animations that bring hidden blocks into view as users scroll. This dynamic feature not only enhances aesthetics but also boosts engagement, providing a modern browsing experience.
