Everything you need to get started with Blocksy Theme and Companion


Site Background – this option controls the global background color or image of your website, this means that setting a background color from here it will reflect on all your pages until you don’t rewrite it from the Page/Post options.

Maximum Site Width – this is the option that indicates the maximum width your website can take on desktop devices. Blocksy uses a smart responsive layout system and will automatically adapt the width when you open it on a tablet or a mobile phone.

Content Area Spacing – this option responds for the top and bottom space of your content area. It is more like a spacer between Header + Content Area and Content Area + Footer.

Narrow Container Width – when Gutenberg editor arrived, a new type of single page/post layout started to gain popularity – the narrow container. This type of container is mostly used in combination with wide and full aligned blocks. This option controls the width of the Narrow Container.

Wide Alignment Offset – when using the Gutenberg wide alignment option , you will note that the block is growing it’s width and get’s outside the narrow container – this option controls how much the block will get out from the parent container.

Form Elements – here you can customize how your forms will look like on your website. You can chose from Classic forms type or Modern type, adjust the input fields, textarea height and colors, set a border and adjust the select dropdown and also set the colors for radio and check boxes.

Scroll to top – enable the scroll to top button shortcut. Inside of this panel you will find options to change the icon type and shape, change the button position from left to right and set a visibility rule for devices.

Website Frame – this option will add a border around the edges of the viewport – once this option is turned on, more options will appear which will allow you to define the size and color of the passepartout.

Lazy Load – this option is more like a performance one and it controls how images are loaded on your website. By default this option is enabled and all your images will start to load only when they should appear in the viewport. Note that this option will be auto disabled if you have the JetPack’s lazy load option enabled.

Not the solution you are looking for?

Please check other articles or open a support ticket.