---
title: Customized search block
slug: cms-12/docs/customized-search-block
docTags: 
createdAt: 2026-08-10T15:55:54.000Z
---

The search block lets editors create a block based on their defined search criteria. The resulting block displays content that satisfies the search criteria as links with optional descriptions and a heading.

Each part of the block rendering has its own CSS class. Below is a schematic example of the block's rendering, demonstrating available CSS classes.

```xml
<div class="find-custom-search-block">
  <h2 class="find-custom-search-block__header">List Header</h2>
  <ul class="find-custom-search-block__list">
    <li>
      <a href="url 1" class="find-custom-search-block__list__title">Title</a>
      <p class="find-custom-search-block__list__description">Description</p>
    </li>
    ... 
  </ul>
</div>
```

Resulting block rendering:

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/XBaslLlqmAvag8oErURbi-20260722-164947.png "findcustomizedsearchblock.png")

The block is available as a NuGet package for installation as part of the Optimizely Search & Navigation extension.