Services Section Block Pro: Create Clear Service Sections

Services Section Block Pro includes advanced layout and styling options for presenting business services in the Gutenberg editor. Arrange service items in a grid or columns, starting with a built-in template. Add an icon from the library or upload a PNG, JPEG, or JPG picture, then set colors and typography for service titles and descriptions in the editor sidebar.

Choose a layout and refine its style

Pro unlocks Layout 2 through Layout 8, with various structures for arranging service items. Set padding and spacing on each side, and customize borders by side, including their style, width, color, and corner radius. Layout 8 also has a decorative border layer behind the items that you can toggle and style.

Effects and animation

• 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 and its hover opacity.
• Change corner radius and border style, width, and color.

Choose where service links apply

Enable links for service items and apply them to a button, the title, or the entire box. You can also select whether linked content opens in a new browser tab. These options fit sections where visitors can follow a service card to related content.

Use it for a service overview

Agencies and freelancers can group offerings such as styling, development, or marketing. Local businesses can pair service icons with short descriptions, while corporate websites can style an “Our Services” section to match their branding. Landing pages can use linked cards to direct visitors to service details.

Set up the block

1. Install and activate Services Section Block.
2. In the Gutenberg editor, add the Services Section block from the Widgets category.
3. Add service items, then choose library icons or upload pictures.
4. Choose a template and adjust colors, typography, spacing, borders, and other settings in the sidebar.
5. Publish the page when the section is ready.