# Look & Feel

The BAP can be further customized cosmetically from the Look & Feel settings page. This settings page is only available to Portal Admins.

<figure><img src="https://1996790239-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FY6GDpBcNZ0ne5Crknhg1%2Fuploads%2FckJl45fgdAgxLCYbt0bL%2Fscreenshot-rocks%20(76).png?alt=media&#x26;token=f1d86ba1-86f4-41f4-b811-d461da08d727" alt=""><figcaption><p>Look &#x26; feel settings in BAP.</p></figcaption></figure>

## Configure logos and favicon

**Portal logo**: The logo that will appear next to the menu bar.

**Favicon**: The logo that will appear in the title bar of the site.

## Configure texts

**Catalog page title**: The title of the Integration catalog

<figure><img src="https://1996790239-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FY6GDpBcNZ0ne5Crknhg1%2Fuploads%2FPE0t8KJdoJ4OsBkUnqib%2Fscreenshot-rocks%20(77).png?alt=media&#x26;token=434f0f49-456e-438c-9125-543277b36181" alt=""><figcaption><p>"Template selection" would be changed to what is set in the config.</p></figcaption></figure>

**Catalog page text**: The text that appears below the title in the integration catalog

<figure><img src="https://1996790239-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FY6GDpBcNZ0ne5Crknhg1%2Fuploads%2F8LqnEPeYnUolTrWfHlGe%2Fscreenshot-rocks%20(78).png?alt=media&#x26;token=5fae374d-829c-48c6-8bb5-40f2c369074a" alt=""><figcaption><p>The subtitle or explanation text would be changed with Catalog page text.</p></figcaption></figure>

**Page title prefix**: A prefix that would be appended to the title in the browser's title bar. The example below shows if the entry for this field was "BAP". A dash ( - ) will be appended to the entry for this field which will appear in the title bar.

<figure><img src="https://1996790239-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FY6GDpBcNZ0ne5Crknhg1%2Fuploads%2FdieeHbKIGRjbCoNNP1Lp%2Fscreenshot-rocks%20(79).png?alt=media&#x26;token=e646e9dc-7cd4-4217-a8c6-414122ff6bc1" alt=""><figcaption><p>Example shows a prefix being added to page title.</p></figcaption></figure>

**Landing page title**: The title text on the page the users comes to when they first visit the site before logging in.

<figure><img src="https://1996790239-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FY6GDpBcNZ0ne5Crknhg1%2Fuploads%2Fiq9xI2iBlcn9zEIbnqwN%2Fscreenshot-rocks%20(80).png?alt=media&#x26;token=632ae8b3-2a67-4611-bf39-79cae8a5302c" alt=""><figcaption><p>Name of the environment, or other title-like text.</p></figcaption></figure>

**Landing page text**: The text below the Landing page title.

<figure><img src="https://1996790239-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FY6GDpBcNZ0ne5Crknhg1%2Fuploads%2FR0ymz9t6s6POHSa9HMa8%2Fscreenshot-rocks%20(81).png?alt=media&#x26;token=9b4db47f-b992-46c7-8daf-6f06759960b5" alt=""><figcaption><p>Sub text for the title.</p></figcaption></figure>

## Configure images

**Landing page image**: Image that will be displayed in front of the background image

**Landing page background image**: Background image on the landing page

<figure><img src="https://1996790239-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FY6GDpBcNZ0ne5Crknhg1%2Fuploads%2F6QjK3zo87BAUZGhpGjLp%2Fscreenshot-rocks%20(82).png?alt=media&#x26;token=5b6470ca-682e-4fd7-bca4-b2525cc7eae0" alt=""><figcaption><p>Landing page image and background image can be set with these options.</p></figcaption></figure>

## Colors

These colors are settings for the entire site in general. Clicking on any of the color selectors will enable you to change the respective colors.

**Background color**: Background color of the portal.

**Button color**: Color of al the buttons, site wide.

**Accent color**: Color assigned to tags and links

<figure><img src="https://1996790239-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FY6GDpBcNZ0ne5Crknhg1%2Fuploads%2FObgQoZq9mFMFz8q4yQ4h%2Fscreenshot-rocks%20(83).png?alt=media&#x26;token=ca3a2f4b-2e75-4488-9d69-1b62f86c65e7" alt=""><figcaption><p>Color options for your Portal.</p></figcaption></figure>

## Inject Custom CSS

You can make further customizations to the stylings of the portal by entering standard CSS syntax in this input box.

## Inject HTML head tags

You can also add additional entries to the \<HEAD> section, such as stylesheet references, in this input box. The entries are in standard HTML syntax.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.frends.com/bap/general/configuration/look-and-feel.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
