> For the complete documentation index, see [llms.txt](https://documentation.peacefulqode.co.in/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://documentation.peacefulqode.co.in/finexa-documentation/theme-options/pq-banner.md).

# PQ Banner

**Refer to the steps below to set the banner :**\
Refer to the steps below to set and customize your site banner :

1. Go to **Appearance → Customizer → Banner Layout**.
2. From there, you can **set and customize** your banner layout according to your preferences.

This banner functions as a **global banner**, meaning it will automatically appear on **all pages** of your website.

<figure><img src="https://2814200570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FS8xZ5hYCxx7GInVlxphn%2Fuploads%2FtSAenoMSbiWg0ZjHTFCG%2Fimage.png?alt=media&amp;token=cc9a15df-c01b-4758-8e38-9bb9c4247e4a" alt=""><figcaption></figcaption></figure>

You can also set a **specific banner** for any individual page using **ACF**.\
To do this, follow these steps:

1. Go to the specific page where you want to set a custom banner.
2. Click **Edit Page**.
3. Scroll down to find the **Advanced Options** section.
4. Under B**anner Options**:
   * Set **Hide Banner** to **No**.
   * Set **Set Separate Banner** to **Yes**.
   * Then, select your desired banner from the B**anner Options** dropdown.

If you set **Set Separate Banner** to **No** and **Hide Header** to **Inherit**,, the page will automatically **inherit the global Banner** selected from the **PQ Banner** option.

<figure><img src="https://2814200570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FS8xZ5hYCxx7GInVlxphn%2Fuploads%2FvGz6QZmze8e6KeEE9ihO%2Fimage.png?alt=media&amp;token=692bd903-1a2b-4f94-9c5c-99c29eec5fd4" alt=""><figcaption></figcaption></figure>

**Refer to the steps below to edit the banner :**                                                                                                                     You can customize the banner in multiple ways. You can edit it directly using Elementor, which gives you full control over the design and layout.

1. **Banner Style Options** – You can edit the banner directly from your **WordPress Dashboard** by navigating to **Appearance → banner Style.**
2. **Edit with Elementor** – Open the banner directly in **Elementor** to have full control over its design, layout, and conten&#x74;**.**
3. **Edit from a Specific Page** – You can also open any page using **Edit with Elementor** and make changes to the banner  while previewing how it looks on that specific page.

Please refer to the images below for detailed visual guidance.

Edit Banner From WordPress Dashboard -> Banner Styles Option

<figure><img src="https://2814200570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FS8xZ5hYCxx7GInVlxphn%2Fuploads%2F5JOIJ5J8sMDJ3GQoQkBA%2Fimage.png?alt=media&amp;token=378e5482-d109-40ce-923e-69635924693d" alt=""><figcaption></figcaption></figure>

Edit Header From Site Page Once The Page Is Open In Elementor, You’ll Be Able To Edit

<figure><img src="https://2814200570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FS8xZ5hYCxx7GInVlxphn%2Fuploads%2FELJYtjih5VXiRytbglwH%2Fimage.png?alt=media&amp;token=f0df5924-1d29-4ee7-a082-53bc90f8b447" alt=""><figcaption></figcaption></figure>
