# Title Box Options

**Title Box Options** section of the Page Settings allows to customize Hero section for the Page individually. 

{% hint style="success" %}
When "**Default**" is selected among available options the settings will be applied from theme options.
{% endhint %}

{% content-ref url="../../theme-options/page-settings" %}
[page-settings](https://docs.stylemixthemes.com/consulting-theme-documentation/theme-options/page-settings)
{% endcontent-ref %}

## **Title Box**

**Disable Title Box** option remove the title box section from the pages/posts.

![](https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2Fqj3rBPH6KQobGZlFokeN%2FTitle%20Box%20options%20-%20Title%20box.png?alt=media\&token=6f68ea13-da3a-4490-92c9-28be814396a3)

This is how the default title box section looks like when it is enabled or disabled: 

{% tabs %}
{% tab title="Title Box Enabled" %}

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2FA7VUjv1NO0eO2ywQLsL1%2FTheme%20options%20-%20Title%20Box%20enabled%20and%20added%20on%20the%20page.png?alt=media&#x26;token=8e180817-aff5-44ef-af67-e3960742ffdd" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Title Box Disabled" %}

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2Fsx1kLBDHxQqI4x5hwAUL%2FTheme%20options%20-%20Title%20Box%20enabled%20on%20the%20page.png?alt=media&#x26;token=d82cb5e2-aa6b-4908-96d0-b4fe3a550338" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

Make the Title Box section background color transparent by enabling the **Transparent Title Box** option

![](https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2F7kGL8lhBTQTzqdMnJ2Cp%2FTitle%20Box%20options%20-%20Title%20box%20transparent.png?alt=media\&token=a04cba7c-bf3c-4948-a758-0f973aa08206)

{% tabs %}
{% tab title="Transparent Title Box enabled" %}

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2FhkLmfp1YObBXTLbGnycW%2FTheme%20options%20-%20Title%20Box%20transparent%20on%20page.png?alt=media&#x26;token=1180277b-2864-4013-9d63-7efbd68da67b" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Transparent Title Box disabled" %}

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2FA7VUjv1NO0eO2ywQLsL1%2FTheme%20options%20-%20Title%20Box%20enabled%20and%20added%20on%20the%20page.png?alt=media&#x26;token=8e180817-aff5-44ef-af67-e3960742ffdd" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## Background Image

Here you can set the background image for the title box section. Upload the wished background image or enter the image URL  on the  **Background Image field**, and set up its displaying options. &#x20;

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2FRV1aoZJ2mIeBhWhFxY2n%2FTitle%20Box%20options%20-%20Title%20box%20background.png?alt=media&#x26;token=4d1bc51c-ab24-49a1-95bf-a263884c9776" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
The Background image will overwrite the Background color and will be applied when the Transparent header is disabled.
{% endhint %}

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2Fh1w64vYuxDusjLLNNoGf%2FTheme%20options%20-%20Title%20Box%20background%20image%20applied.png?alt=media&#x26;token=1cf1c157-96f1-49d9-a895-93a81c7aa2c1" alt=""><figcaption></figcaption></figure>

Configure the page **Title Color** and **Title Line Color** on the appropriate fields.&#x20;

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2FZ1YV5K4PACr4WaKFjm3l%2FTitle%20Box%20options%20-%20Title%20box%20title.png?alt=media&#x26;token=3ae52012-6a6e-479b-8985-6150d245e71c" alt=""><figcaption></figcaption></figure>

If you wish to remove the page title, turn on the **Disable Title** option.

{% tabs %}
{% tab title="Page Title enabled" %}

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2FvJDlLhsuy7DW6y9JGlxA%2FTheme%20options%20-%20Title%20Box%20title%20enabled.png?alt=media&#x26;token=9c60c764-94ff-4ef5-9636-d2e39524c65c" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Page Title disabled" %}

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2FexL4bS00bhOA9WCFCBzd%2FTheme%20options%20-%20Title%20Box%20title%20disabled.png?alt=media&#x26;token=f518cd84-03ad-4632-a2d5-3983b85c707b" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## **Breadcrumbs**

Disable/enable the displaying of breadcrumbs navigation links on the page using the **Disable Breadcrumbs** option.&#x20;

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2Fu0wtA4Aja0i2VV9oPY6G%2FTitle%20Box%20options%20-%20Title%20box%20breadcrumbs.png?alt=media&#x26;token=db7ad7c9-e402-44b7-90af-51c2dc3cf834" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Breadcrumbs will be displayed if the Breadcrumb NavXT plugin is installed. All the settings of breadcrumbs can be configured under the **Settings > Breadcrumb NavXT** section of the admin dashboard. A detailed guide about how to adjust the breadcrumbs, please read in the documentation of the plugin [here](https://mtekk.us/code/breadcrumb-navxt/breadcrumb-navxt-doc/).&#x20;
{% endhint %}

{% tabs %}
{% tab title="Breadcrumbs enabled" %}

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2FRkzWThRotVlogFywH3w0%2FTheme%20options%20-%20Title%20Box%20breadcrumbs%20enabled.png?alt=media&#x26;token=1beb275d-2206-4b87-b1fd-7cdbf26708bd" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Breadcrumbs disabled" %}

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2F6gEqX2Jr9MPsK5bqMs1g%2FTheme%20options%20-%20Title%20Box%20breadcrumbs%20disabled.png?alt=media&#x26;token=6edcc67a-2dd6-42c4-9133-cdbc7e9808d6" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}