Website Builder Video Tutorial

Icon Box

How to Use Icon Boxes in NetJet.io – Enhance Visual Content

Գնահատված 4.9 / 5

10000+ Businesses succeeding with Netjet.io,

Են ԴՈՒ պատրա՞ստ եք միանալ նրանց:

Setp-by-step Instructions:

How to Use the Icon Box Element


Այն Icon Box is a great way to display important information with a combination of an icon, heading, description, and a call-to-action button. This element is useful for highlighting features, services, or key points on your website.


1. Սրբապատկերների տուփի ավելացում


  1. Open the Elements Panel on the left.
  2. Find the Icon Box under "Basic Elements."
  3. Click, hold, and drag it to your desired position on the page.


2. Customizing the Icon


  1. Click on the Icon to access its settings.
  2. Ընտրեք ա new icon from the library (outlined or glyph).
  3. Adjust the icon color, size, and alignment (left, center, or right).
  4. Set an icon link (optional) if you want it to be clickable.


3. Editing the Text


  1. Click on the heading to change the title.
  2. Click on the description below to edit the text.
  3. Օգտագործեք typography settings to customize:
  • Font style & size
  • Text color
  • Հավասարեցում


4. Customizing the Button (Optional)


Այն Icon Box comes with a built-in button for a call to action (e.g., "Learn More" or "Read More").

  1. Click on the button to edit the text.
  2. Add a link (URL, another section, popup, or downloadable file).
  3. Adjust the button style (size, color, border, shadow, and hover effects).

Հուշում. If you don't need a button, click on it and delete it.


5. Adjusting the Layout


  • Icon Placement: Align it to the left, center, or right.
  • Spacing & Margins: Ավելացնել padding or margins to create better separation.
  • Duplicate or Delete: Easily clone the Icon Box for multiple sections or remove it.


6. Optimizing for Mobile & Tablet


  • Check how the Icon Box looks on tablet & mobile views.
  • Adjust spacing, font size, and alignment for better readability.


Why Use the Icon Box?


Perfect for feature highlights և service descriptions

Combines icon, text, and button in one easy-to-use element

Highly customizable with flexible alignment and styling

Works great on all devices with responsive settings

Այն Icon Box is an effective way to add engaging visual elements while keeping your content structured and easy to read.

Փորձիր ՊՐՈ դա է Անվճար

More help and instructions inside the website builder. Ensure your vision becomes reality.

Made With Netjet.io