Services Section Block Pro

Build a service section from your content

Services Section Block includes a Gutenberg block for presenting business services in grids or columns. Add service items, select a template, and use the editor sidebar to set colors and typography for titles and descriptions. Each item can use an icon from the built-in library or an uploaded PNG, JPEG, or JPG picture. The block works without code.

Services Section Block Pro extends the section with layouts 2 through 8 and additional controls for arranging and styling service items. These settings suit agency, freelance, local business, corporate, and landing page sections.

Choose an arrangement and tune its details

Pro layouts provide additional structures and styles for grouping services. Set padding and spacing on each side of an item, then adjust borders by side, including style, width, color, and corner radius. Layout 8 also has a decorative border layer behind the items that you can toggle and style.

• Add box shadows and hover transitions to service cards.
• Set animation direction for layout-specific designs such as Layout 4.
• Adjust the circle background opacity, including its opacity on hover.

Set the service links

Pro lets you enable links for service items and choose whether the button, title, or entire box is clickable. You can also set linked content to open in a new browser tab. This works for sections where visitors need a route from a service summary to related content.

Set up the block

1. Install and activate Services Section Block.
2. In the Gutenberg editor, add the Services Section block from the Widgets block category.
3. Add your services and choose icons from the library or upload your own images.
4. Choose a template, then adjust colors, typography, spacing, borders, and other options in the right-side sidebar.
5. Publish the page when the section is ready.