PHPackages morethanthemes/extra\_icon\_features - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. morethanthemes/extra\_icon\_features AbandonedArchivedDrupal-recipe morethanthemes/extra\_icon\_features ==================================== Adds Extra Icon Features block type with sample content. 1.0.1(10mo ago)010 Since Jul 9Pushed 3mo agoCompare [ Source](https://github.com/morethanthemes/extra_icon_features)[ Packagist](https://packagist.org/packages/morethanthemes/extra_icon_features)[ RSS](/packages/morethanthemes-extra-icon-features/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (2)Dependencies (3)Versions (3)Used By (0) > Moved to Drupal [https://www.drupal.org/project/extra\_icon\_features](https://www.drupal.org/project/extra_icon_features) Extra Icon Features Recipe ========================== [](#extra-icon-features-recipe) Overview -------- [](#overview) The Extra Icon Features recipe provides a customizable block type that allows you to create icon-based feature sections for your Drupal website. This recipe creates both a block content type and a paragraph type, making it flexible for various layout scenarios. Features -------- [](#features) - **Icon Features Block Type**: Custom block content type for creating feature sections - **Icon Features Paragraph Type**: Paragraph type for use within other content types - **FontAwesome Integration**: Uses the FontAwesome module for professional icons - **Responsive Design**: Configurable column layouts (4-column, 3-column, etc.) - **Multiple Display Modes**: Several view modes for different layouts - **Sample Content**: Includes pre-configured sample content block Requirements ------------ [](#requirements) - Drupal 10.4+ or Drupal 11+ - Composer package manager - Paragraphs module (^1.19) - FontAwesome module (^3.0) Installation ------------ [](#installation) To install via Composer, run: ``` composer require morethanthemes/extra_block ``` This recipe can be applied using Drupal's recipe system: ``` # From your Drupal root directory drush recipe recipes/extra_icon_features ``` What's Included --------------- [](#whats-included) ### Content Types [](#content-types) - **Icon Features Block**: Custom block content type with configurable columns and icon feature items - **Icon Features Paragraph**: Paragraph type for individual icon feature items ### Fields [](#fields) - **Title** (`field_mt_if_title`): Text field for the feature title - **Body** (`field_mt_if_body`): Formatted text field for the feature description - **FontAwesome Icon** (`field_mt_if_fa_icon`): FontAwesome icon selection field - **Image** (`field_mt_if_image`): Optional image field as alternative to icon - **Link** (`field_mt_if_link`): Optional link field for feature items - **Columns** (`field_mt_if_columns`): CSS classes for column layout configuration - **Items** (`field_mt_if_item`): Entity reference field to icon feature paragraphs ### Display Modes [](#display-modes) - **Default**: Standard display mode - **MT Media After**: Display mode with media positioned after content - **MT Tile**: Tile-style display mode - **MT Tile Large**: Large tile display mode ### Sample Content [](#sample-content) The recipe includes a sample "Great features at a glance" block with 8 pre-configured icon features: - Great battery life (battery-full icon) - Great architecture (network-wired icon) - Great codebase (code icon) - Great interactivity (comments icon) - Notifications (bell icon) - Lightning speed (lightbulb icon) - The power of numbers (calculator icon) - Children-friendly (child icon) Usage ----- [](#usage) ### Creating Icon Feature Blocks [](#creating-icon-feature-blocks) 1. Navigate to **Structure > Block layout > Custom block library** 2. Click "Add custom block" and select "Icon Features" 3. Configure the column layout using CSS classes (e.g., "col-lg-3 col-md-6 four-columns") 4. Add icon feature items by clicking "Add Icon Features" 5. For each item, configure: - Title text - Description text - FontAwesome icon selection - Optional image upload - Optional link URL ### Using Icon Features in Layout Builder [](#using-icon-features-in-layout-builder) The Icon Features block can be placed in any Layout Builder-enabled content using the block placement interface. ### Customizing Column Layouts [](#customizing-column-layouts) The `field_mt_if_columns` field accepts CSS classes for responsive column layouts: - `col-lg-3 col-md-6 four-columns`: 4 columns on large screens, 2 on medium - `col-lg-4 col-md-6 three-columns`: 3 columns on large screens, 2 on medium - `col-lg-6 col-md-12 two-columns`: 2 columns on large screens, 1 on medium Customization ------------- [](#customization) ### Styling [](#styling) The recipe provides basic structure but relies on your theme for styling. Common CSS classes to target: - `.block-mt-icon-features`: Main block wrapper - `.paragraph--type--mt-icon-features`: Individual feature items - `.field--name-field-mt-if-fa-icon`: FontAwesome icon wrapper - `.field--name-field-mt-if-title`: Feature title - `.field--name-field-mt-if-body`: Feature description ### Additional Fields [](#additional-fields) You can extend the Icon Features paragraph type with additional fields through the Drupal admin interface: 1. Go to **Structure > Paragraphs types > Icon Features > Manage fields** 2. Add new fields as needed 3. Configure display settings in **Manage display** ### View Modes [](#view-modes) Customize the display by creating or modifying view modes: 1. Go to **Structure > Display modes > View modes** 2. Edit existing view modes or create new ones 3. Configure field display settings for each view mode Troubleshooting --------------- [](#troubleshooting) ### FontAwesome Icons Not Displaying [](#fontawesome-icons-not-displaying) - Ensure the FontAwesome module is properly installed and configured - Check that your theme includes FontAwesome CSS or the module is configured to include it - Verify icon names are valid FontAwesome icon identifiers ### Layout Issues [](#layout-issues) - Review CSS classes in the columns field - Ensure your theme includes Bootstrap or compatible grid system - Check view mode configurations for proper field display License ------- [](#license) Licensed under **GPL-2.0-or-later**. Organization ------------ [](#organization) Developed by **[More than Themes](https://morethanthemes.com)** for [Webmaker+](https://webmaker.morethanthemes.com) Contributing ------------ [](#contributing) Contributions are welcome! Feel free to submit issues or feature requests. ### Health Score 31 — LowBetter than 68% of packages Maintenance68 Regular maintenance activity Popularity5 Limited adoption so far Community8 Small or concentrated contributor base Maturity37 Early-stage or recently created project Bus Factor1 Top contributor holds 50% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~0 days Total 2 Last Release 304d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/15c04a6b3f1cae278b565af874b44924598ddcbd34f2f4ee3828bc12bfd600ae?d=identicon)[skounis@gmail.com](/maintainers/skounis@gmail.com) --- Top Contributors [![skechagia](https://avatars.githubusercontent.com/u/3104096?v=4)](https://github.com/skechagia "skechagia (2 commits)")[![skounis](https://avatars.githubusercontent.com/u/690575?v=4)](https://github.com/skounis "skounis (2 commits)") ### Embed Badge ![Health badge](/badges/morethanthemes-extra-icon-features/health.svg) ``` [![Health](https://phpackages.com/badges/morethanthemes-extra-icon-features/health.svg)](https://phpackages.com/packages/morethanthemes-extra-icon-features) ``` ### Alternatives [drupal/core-recommended Locked core dependencies; require this project INSTEAD OF drupal/core. 6939.5M342](/packages/drupal-core-recommended)[drupalwxt/wxt Project template for Drupal 10 sites built with the WxT distribution. 29159.8k8](/packages/drupalwxt-wxt) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)