Fluidal
Menu > Two blocks

Two block

Note: this is almost identical to header two blocks, except with this one multiple rows can be created within the same block by clicking the ‘Add new row’ button directly underneath the column sections.

A two column row with multiple options for both the left and right hand columns
Block layoutSet the width of both columns e.g. both the left and right columns being of equal width (one half/one half), or the left hand column being smaller than the right hand column (one third/two thirds), or the left hand column being wider than the right hand column (two. thirds/one third).
FlushControls whether the two columns have a margin between each other. For instance, set to "flush" if you have a background image for each column and you want the images to be next to each other with no gap in between. Note: there will always be a margin between the body content that sits within each column - this is to avoid any collision of text etc.
Fit to windowExtend the content to fill the width of the browser window.
Reverse columns for mobileSelect Yes to swap the order of the left and right column on smaller screens when each column becomes full width and they appear one above each other.
Left and right columns
Vertical alignSets the vertical alignment of content in this column.
Min heightSets the minimum height for this column. Useful for instance if you have a background image on this column and you want to ensure it shows enough of the image esp on smaller screens.
Make full widthExtend this column to the edge of the browser. Either with some padding or completely half width.
ContentThe main area for adding and editing content in this row. Useful for any type of content including text, images, embedded videos and shortcodes etc.
Remove top paddingCompletely remove padding at the top of the column.
Remove bottom paddingCompletely remove padding at the bottom of the column.
Background imageSelect an image to appear as the background for this column.
ParallaxSet the background image to move at a different speed when scrolling.
Add image maskDarken the background image. Especially useful when adding text on top of an image.
Background colourSelect a colour for the background of this column.
Round cornersMake the edges of the column round
Add new row (button)Create new rows within this same block. Useful for keeping related rows together or applying a background image to the whole container.
Content optionsTick to enable access to a variety of content options as below.
Intro textContent to appear above (or below) the primary content block.
Primary font colourAdjust the font colour on the front end. This option is useful for instance if you wanted white text as you wouldn't be able to see the text within the backend interface if you changed the font colour using the normal text colour button. Note: you can still change individual words using the normal font colour button in the toolbar if you so desire.
Content insetAdjust the content so it occupies less horizontal width. Useful to reduce long lines of text to make them more readable.
PositionSelect where to put the intro text - either above or below the primary content.
Style internal content blockTick to enable styling options for this internal content section (rather than the outer container) as below.
Content background imageAdd a background image behind the content.
ParallaxAdd a parallax effect to the background image.
Content background colourAdd a background colour behind the content.
Internal content paddingAdd padding to move content away from the edge of the background image or background colour.
Round cornersMake the edges of the internal content round

Fluidal

A flexible, robust boilerplate WordPress theme, ready for customisation. Contact us for a free online demo or email info@fluidal.net

© 2026 Fluidal - the only limit is your imagination!