Column block
Setting |
Description |
Image |
Choose an icon 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. |
Image position |
Choose the position of icon to be on the top or on the bottom of column. |
Heading |
Provide a title for the column and customize its appearance using the rich text field. |
Description |
Include a description for the column and customize its appearance using the rich text field. |
Custom heading color |
In section settings you have general option to change heading color for all columns, but here you can change it and add custom color for heading different from other columns. |
Link label |
Enter the text that you want to display on the button. |
Link (paste a link or search) |
Input the URL you want the button to direct to, or select a page from the dropdown list of options that appears when you click on the field. Also, you can click the source button to add a dynamic source as a URL. |
Background image |
You can add a background image to the card. It can be an image, a line, or a shape, feel free in your design ideas. |
Secondary background color |
Choose a background color from the list of options. |
Enable custom border radius |
When this option is turned on, you can adjust the border radius of images. |
Border radius |
Adjust the border radius of images to make them straight, less rounded, or more rounded. |
Icon settings
You can put one icon at the top and another at the bottom to create an interesting view.
Setting |
Description |
Icon |
Add the icon (it can be brow icon and different shapes) to visually enhance the view of the block and section generally. Different icons can be added to every block through block settings. |
Image width |
This setting allows you to adjust icon width to ensure it aligns well within the column. |
Image vertical position |
The setting enables you to control the vertical position of the icon within the column. You can adjust icon position vertically using a slider to place it wherever it fits best in the block. |
Image horizontal position |
This setting enables you to control the horizontal position of the icon within the column. You can adjust icon position horizontally using a slider to place it wherever it fits best in the block. |
Image width mobile |
This setting lets you adjust icon width on mobile devices separately. It's important for optimizing the visual appearance and layout, as mobile screens have different requirements than desktop screens. Adjustments like decreasing icon width can improve mobile usability. |
Image vertical position mobile |
The setting enables you to control the vertical position of the icon within the column. Adjustments like changing placement can improve mobile usability. |
Image horizontal position mobile |
This setting enables you to control the horizontal position of the icon within the column. Adjustments like changing placement can improve mobile usability. |