# Hero section

This group of custom fields allows you to customise the "Hero section" in this category.

<figure><img src="https://3369454551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzUEL0OiJhd4m6fQWdQe%2Fuploads%2FsaOV5JrnH3uQD76pBSio%2Fimage.png?alt=media&#x26;token=025c1343-0d0e-48a0-b6ae-1cdc832f5bc2" alt=""><figcaption><p>Custom fields</p></figcaption></figure>

{% hint style="success" %}
**Tip**: General or global settings can be found in the theme configuration.
{% endhint %}

***

## Custom fields

The custom fields "Hero section" can be found in the respective category:

> * Tab "General" ⇒ Block "Custom fields" ⇒ Tab (Set) "Categories (ThemeWare® ... Pro)"

<figure><img src="https://3369454551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzUEL0OiJhd4m6fQWdQe%2Fuploads%2F1oJnwCbOV9dyrumCRuBZ%2Fimage.png?alt=media&#x26;token=e6144c4a-cedd-48c1-9c8d-dfbfe15768bf" alt=""><figcaption></figcaption></figure>

### Hero section

Select whether you want to display the "Hero section" in this category.

* #### inherit from theme configuration
  * This is the default option. In this case, the theme configuration defines whether the "Hero section" is displayed or not.
* #### no
  * The "Hero section" is not displayed in this category, regardless of the theme configuration settings.
* #### yes
  * The "Hero section" is displayed in this category if you have selected the representation option `show (via custom field)` in the theme configuration.

### Pull up next element

Select whether the next HTML element should be pull up a bit over the "Hero section" or use the option "inherited from theme configuration" to use the theme configuration.

### Background image

Select a custom background image for this category or leave the field empty to display the category image ("Menu settings" -> "Display image").

### Background colour

Select an individual background colour for this category or leave the field blank to use the theme configuration.

### Text colour

Select an individual text colour for this category or use the option "inherited from theme configuration" to use the theme configuration.

***

## Screenshot

<figure><img src="https://3369454551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzUEL0OiJhd4m6fQWdQe%2Fuploads%2FhXT3NUiTRv9o6BeURd91%2Ftwt-hero-section-preview.png?alt=media&#x26;token=3be8fefb-d08b-4f48-9408-e32152b2e948" alt=""><figcaption></figcaption></figure>

***

## Theme configuration

You can find the general (global) settings in the theme configuration:

> Tab "Extensions" => Block "Hero section"

***

## Further information

You can find more information about the extension "Hero section" here:

{% content-ref url="../../extensions/hero-section" %}
[hero-section](https://docs.themeware.design/additional-features/extensions/hero-section)
{% endcontent-ref %}