Customizing Styles and Themes #

In Webfluss, the right menu bar is your central hub for customizing the styles and themes of your website. Whether you want to adjust the overall appearance or fine-tune individual elements, this menu provides all the necessary tools for creating a professional and visually appealing website.

The right sidebar offers various customization options, and in many cases, triggers additional sidebars that allow for more detailed editing when you interact with specific blocks or components.

Key Customization Options #

Here are the main functionalities available in the right menu bar that help you customize your website’s look and feel:

• Color Palette: You can change the overall color scheme of your site by selecting from predefined color palettes or customizing your own. When you select a palette, an additional sidebar will open, allowing you to adjust specific color settings for different sections or elements on your page.

• Padding and Spacing: Adjust the padding and spacing between elements to ensure proper alignment and layout. Clicking on an element triggers a detailed sidebar where you can fine-tune the space between blocks or components.

• Background Replacement: Customize the background for each section by replacing default backgrounds with your own images, solid colors, or gradients. The sidebar provides options for selecting new backgrounds, adjusting opacity, or adding overlays.

• Moving Blocks: If you want to rearrange sections or components on your page, you can move blocks directly within the editor. Clicking the move option will open additional controls, making it easy to drag and drop elements to different parts of the page.

• Sorting Pages: Users can sort pages individually within the separated page using either drag-and-drop or the move up and down buttons. This feature allows for flexible reorganization of page order to improve navigation or structure.

Block-Specific Functionalities #

When you click on an individual block within the editor, a set of block-specific options will appear, allowing you to customize and manage the block's behavior and appearance. Imagine that there’s a screen in the main area that initially wraps the content into a mobile device screen. Here’s what appears when you interact with a block:

• Edit Block: Make changes to the content, such as editing text, images, or buttons within the block.
• Padding Block: Adjust the padding around the block to control the spacing between it and other elements on the page.
• Duplicate or Move: Duplicate the block, which will remain on the current page. You can reposition the duplicated block afterward if needed.
• Move Up and Down: Move the block up or down within the page layout to change its position relative to other sections.
• Delete: Remove the block entirely from the page if it’s no longer needed.

These functionalities give you complete control over how each block behaves, ensuring that your page layout is both flexible and easy to manage.

Advanced Customization #

Beyond the basics, the right menu bar also gives you access to advanced customization features that provide more control over your website’s design:

• Sorting Pages: Access the page sorting functionality directly from the right sidebar, allowing you to reorganize the order of your pages or sections.

• General Settings: From the same menu, you can navigate to the General Settings for your website, where you can manage SEO settings, domain configurations, and integrations like Google Analytics.

Visual Customization Workflow #

The right menu bar in Webfluss is designed to keep customization simple and efficient. Whether you’re changing the color palette, replacing a background, or rearranging blocks and pages, the interface adapts to your selections by showing only the relevant options, minimizing clutter and making it easy to focus on one task at a time.

• Triggering Additional Sidebars: As you interact with different elements, additional sidebars will appear to give you deeper control over the design, ensuring a smooth, flexible customization process.