Column block

The Column Full Width block can also be configured in the General Settings using the Grid options.

You can add multiple columns arranged in a grid layout on desktop. On mobile, the layout can be set to Grid, Carousel, or Marquee. Each column can contain text, an image, or a combination of both image and text.

Within the block settings, you can customize image and text presentation, including image ratio, image width, and image position. You can also adjust text alignment, text styles, and font settings.


Image

Setting Description
Image

Choose an icon or image to be displayed within the column. Click on “Select Image” to access your media library, upload a new image, or explore free images. Also, you can connect a dynamic source by clicking the source button. Once an image is selected, you can use the “Change” button to remove, replace, or delete it.

Once your image is added, you’ll see options to customize and format it.

Image ratio
  • Adapt: Automatically uses the image’s original aspect ratio.
  • Portrait: Displays images in a vertical (portrait) ratio.
  • Square: Displays images in a 1:1 square ratio.
  • Landscape: Displays images in a horizontal (landscape) ratio.
  • Wide: Displays images in a wide horizontal ratio.
  • Ultra Wide: Displays images in an extra-wide horizontal ratio.
  • Custom: Lets you define your own aspect ratio.
Custom media ratio Set a specific custom ratio for the image.
Image position

ou can add both an image and text, then choose the image position relative to the text:

  • Top — Image appears above the text
  • Left — Image appears to the left of the text
  • Right — Image appears to the right of the text
Image width Use the slider to adjust the image width.
Image link Add a link to the image to connect the section with social media — for example, Instagram. Each image can include a link to its related Instagram post.

Text

Setting Description
Text

Enter your text in this field. From the top menu, you can customize the text style (paragraph or heading levels H1–H6) and formatting options such as bold, italic, or links. You can also use the Dynamic Source button to insert dynamic content.

Once your text is added, you’ll see options to customize and format it.

Preset

Default style

Setting Description
Preset Default: This style allows you to adjust text within the rich text field and hides all other preset-related options.

Heading, subheading caption, and paragraph style

Setting Description
Preset

In Theme Settings → Typography → Fonts, you can set font settings for Heading, Subheading, Caption, and Paragraph. Choose which style to apply in this block.

  • H1-H6: This style allows you to select a heading level from H1 to H6 and customize it using the options below.
  • Subheading: This style is used for text that appears below a main heading, typically smaller or less prominent than the heading, but still visually distinct from body text.
  • Caption: This style is used for short supporting text, such as labels or annotations.
  • Paragraph: This style is used for standard body text.
Font

In Theme Settings → Typography → Fonts, you can select a font family from the list and choose the font weight at the end of the list separately for Heading, Body, and Accent text. Based on these settings, each block allows you to choose which font style is applied.

  • Heading
  • Body
  • Accent
Color

Each color scheme includes Heading, Text, and Accent color settings. Use this dropdown to select which color to apply. The available options may vary depending on the selected block color scheme.

  • Heading
  • Text
  • Accent
Text style

Choose text style for preset:

  • Normal: Displays the text exactly as entered in the rich text field in the theme customizer or the rich text field in the admin.
  • Uppercase: ALL LETTERS ARE CAPITALS
  • Lowercase: all letters are small

General image and text options

Setting Description
Content alignment

Choose how your text should be aligned on desktop screens:

  • Left — text aligns to the left side of the container (default and most readable for long text).
  • Center — text is centered horizontally within the container (good for headings or short sections).
  • Right — text aligns to the right side of the container (used rarely, mostly for design accents).

Note:

If no text is added, you can adjust alignment for an image — but only if the image does not take the full container width. Reduce the image width first to see alignment changes take effect.

Content alignment mobile

Choose how your text should be aligned on mobile devices:

  • Left
  • Center
  • Right

Note:

If no text is added, you can adjust alignment for an image on mobile devices — but only if the image does not take the full container width. Reduce the image width first to see alignment changes take effect.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us