Style and reposition Column content via Column Formatting Effects - A better eCommerce Platform for B2B+B2C - Website World

Style and reposition Column content via Column Formatting Effects

Within the SHAPE EDITOR popup options is the ability to apply preset COLUMN STYLES to column content.

The preset styles apply a set of style customisations and transformations to reposition the inner column elements of the snippet block.


Where to find the Column Style settings

Column Styles are intended to be used primarily with image blocks, so to access the options, hover over an image in the active snippet block to bring up the image icons, then click the crop icon (Shape Image) to launch the popup, then click the Column Styling tab.

Formatting Examples

Original Snippet

Image Up Preset

Skew Preset

Application and Settings

Applying a Preset

Click the thumbnail of the required preset to apply the transform.

Removing a Preset

Click the NONE option to remove the current preset styling.

Overlay Snippet Above option

You can choose the option to overlay the snippet above, which removes the padding applied to the top keeping elements within their snippet. 

As this will overlay the text or content area above, you can choose to set a max-width to the above snippet to prevent a content overlap. 

This can either be applied by dragging the right-hand handle or setting a value - see the following help-faq

Changing the Max-Width of a Snippet Block.

Example above the with the Overlay Snippet Above option enabled.

More From This Section

How to add Rounded Corners and Borders
You can add rounded corners and borders via the Style Editor popup.
Changing a Snippet Block background colour with the Colour Editor
Adding or removing a column from a Snippet Block
You can add or remove columns using the + and X column tool icons
Reordering Columns
You can move columns left/right within the Snippet Block
Resize Columns
You can resize columns within the Snippet Block
Hiding Icons in the editor for distraction free editing
If the icons are getting in the way of your editing you can quickly toggle them by double-clicking in the editor
Adding custom classes or CSS rules to a snippet block
You can edit the HTML manually via the row-tools or via the Style Modal popup.
Changing the outer width of a snippet block
By default the width of the snippet blocks attempt to stretch to the full width of the content area, but you can set a max-width.
Style and reposition Column content via Column Formatting Effects
Within the CROP EDITOR popup options is the ability to apply preset COLUMN STYLES to reposition column content.

FAQ Topics

The Basics

Building your site

Advanced Page Types

E-Commerce

Email & Membership

Promoting your site

Advanced

API - System Integration

Search for help:

> Kainga
 


Tahua Mahere Pae
Ngā Kāwai