# 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.