Blocksy Theme Layout, Forms and Sidebars Setup Guide

Blocksy As a powerful and flexible WordPress The theme, provides users with a variety of customization options to easily adjust the website layout, form styles, and sidebar displays. Both beginners and developers can easily create personalized websites with these features. In this article, we will introduce the layout settings, form styles and sidebar control options of Blocksy theme in detail.

Website Layout Setup

Blocksy Full layout control is provided, allowing you to precisely adjust the appearance of your website. The following are commonly used layout settings:

1. Maximum site width

This setting determines the maximum size of the website on desktop devicesopening (chess jargon)Blocksy supports responsive design by default and automatically adapts to different screens without manual adjustments.

2. Content area spacing

This setting lets you adjust the distance between the main content and the header and footer so that the page has breathing room and the content doesn't look crowded.

3. Content edge spacing

This option adjusts the spacing between the content and the browser's viewport for page designs that require a full-width layout. Setting this to 0vw may be visually distracting and should be used with caution.

4. Narrow container width

This feature is for pages that require a more compact layout, and it allows you to adjust the width of the page content for a specificweb pageor posts provide greater design flexibility.

5. Wide alignment offsets

If you use the Gutenberg The Wide Alignment option, which controls how far these block elements extend, ensures that the page layout looks balanced.

Form Styling

Blocksy makes it easy to customize the look of your website forms with support for contact forms,WooCommerce Checkout forms and more. You can choose between two styles, classic or modern, and further adjust their details.

1. Types of forms

Blocksy provides two types ofform (document)Appearance options: Classic and Modern. The Classic version has a clean boxed style, while the Modern version is for users who prefer a minimalist design.

2. Font Settings

You can adjust the color and size of the form's fonts, separately for the default and active states, to match the overall design style of the site.

3. Input control settings

In this setting, you can customize the border color, background color, and rounded corner radius of text boxes, radio boxes, checkboxes, and dropdown menus to ensure that the form is visually and functionally uniform.

4. Third-party plug-in integration

Blocksy is fully compatible WPForms Plugin. Simply select "Basic Styles Only" in WPForms settings to let WPForms generated forms inherit Blocksy's styling customizations.

Sidebar Settings

Blocksy provides rich customization options to help you adjust the layout and display of your sidebar. Whether on desktop, tablet or mobile, you can flexibly control the display of sidebars.

1. Type of design

Blocksy offers four types of sidebar designs:

• Type 1: Classic Sidebar Layout
• Type 2: Sidebars framed by color rectangles
• Type 3: Separation of sidebar from content
• Type 4: Add a background color to the entire sidebar area

2. Sidebar spacing control

This setting lets you adjust the width of the sidebar, the spacing between the sidebar and the content, and the spacing between widgets to ensure that the layout of the page is compact and doesn't look cluttered.

3. Sidebar hover widget

If you need to have certain widgets always show up on the page, no matter how the user scrolls, theBlocksy A hover widget feature is provided to help you fix important information and keep it visible.

4. Sidebar device display settings

You can show or hide the sidebar depending on the device type. For example, you can show the sidebar on the desktop version and hide or rearrange the position of the sidebar on mobile.

summarize

Blocksy headline WordPress The site offers powerful layout adjustments, form design and sidebar controls. It allows you to easily customize the look and functionality of your website, whether it's for fine-tuning your design or jump-starting a project, Blocksy has you covered. Whether you're a novice site builder or an experienced developer, you'll find setup options in Blocksy to meet different needs.

Recent Updates

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: [email protected]
④ Working hours: Monday to Friday, 9:30-18:30, holidays off