Features
Features
Welcome to the “Features” documentation.
Looking to integrate a feature section into your website? Our block allow you to showcase your products, services, or content in a captivating way.
In this guide, we'll show you how to use the editor to customize your features block.
Step 1 : Open the Editor
2. Click on "Edit" after choosing your template.
class="flex justify-center items-start h-auto w-auto" alt="">Step 2: Add and customize Features
1. In this panel, you can easily add, remove, or rearrange features as needed.
class="flex justify-center items-start h-auto w-80" alt="">2. Customize each feature by adding media and selecting its type (icon, custom image, or none). Additionally, you have the option to include a button by specifying its label and link.
class="flex justify-center items-start h-auto w-80" alt="">3. Modify feature titles and descriptions to align seamlessly with your website's content.
class="flex justify-end items-start h-auto w-auto" alt="">Step 3: Configure settings
Here, you'll handle the features settings:
1. In the "View" section, you can decide if you want to show the header, adjust the gap between features, select the number of grids per line, and even customize the padding to control the space around it.
class="flex justify-center items-start h-auto w-80" alt="">2. Customize card styles by adjusting their display, width, roundness, borders, and content position.
class="flex justify-center items-start h-auto w-auto" alt="">3. You can also manage media size, roundness, and choose to have a background or not.
class="flex justify-center items-start h-auto w-80" alt="">4. For buttons, decide whether to display them, adjust width, roundness, text size, and even add icons with customizable positions.
class="flex justify-center items-start h-auto w-80" alt="">Step 4: Choose Colors
1. Within this panel, you can select colors that match your website's design.
class="flex justify-center items-start h-auto w-80" alt="">Step 5: Preview
Lastly, you can click on “Preview” to see how your feature block looks on both desktop and mobile devices. After this, you can proceed to the next step.
class="flex justify-center items-start h-auto w-auto" alt="">