> For the complete documentation index, see [llms.txt](https://docs-vnext.kiflo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-vnext.kiflo.com/partner-directory/customize/ow-to-customize-the-partner-directory-branding.md). # How to customize the partner directory branding? Your partner directory is a public-facing page that represents your brand. Kiflo gives you full control over the visual appearance so that the directory feels like a natural extension of your website. This article covers all the branding options available and how to configure your directory subdomain. ## Prerequisites * You must have the **Partner Directory** addon enabled on your Kiflo account. * You must have an existing partner directory. Directories are managed from **Manage > Partner Directories**. ## Accessing the branding settings 1. Navigate to **Manage > Partner Directories**. 2. Click on the directory you want to customize. 3. Select the **Branding** tab. ![](https://3041514930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKkJn82Qo5a0Y4fOsoQzo%2Fuploads%2Fgit-blob-ee3ca6a766ba24e6405871dbdd154fd245de3243%2F698ddfe3b0ccf54b12e97e04.png?alt=media) The branding settings are organized into several sections described below. A live preview is available in the left section to preview your changes. ### General colors Configure the core color palette for your directory. | Setting | Description | | ----------------- | --------------------------------------------------------------------------------------- | | **Primary color** | The main brand color is used throughout the directory for headings and key UI elements. | | **Links color** | A complementary color used to render all clickable links. | ### Header Customize the top header area of your directory. | Setting | Description | | -------------------- | ------------------------------------------------------------ | | **Logo** | Upload your company logo to display in the directory header. | | **Background color** | The background color applied to the header section | | **Call-to-Action 1** | Render a primary action button at the top right corner. | | **Call-to-Action 2** | Render a secondary action button at the top right corner. | ### Call-to-actions Style the buttons and interactive elements on your directory. | Setting | Description | | ------------------------------------------ | --------------------------------------------------- | | **Show the \[first/second]call-to-action** | Toggle on to display the CTA, toggle off otherwise. | | **Label** | Label visible on the button | | **URL** | The URL the button must redirect visitors to. | ### Headline section Customize the hero area that appears at the top of your directory listing page. | Setting | Description | | -------------------- | -------------------------------------------------------- | | **Headline** | The main heading text displayed in the headline section. | | **Sub-headline** | A supporting description displayed below the headline. | | **Call-to-action** | Display a link in the headline section. | | **Headline image** | Upload a background image for the headline section. | | **Text color** | Color of text shown in the headline section only. | | **Link color** | Color of links shown in the headline section only. | | **Background color** | The background color applied to the headline section. | ### Footer Configure the bottom section of your directory. | Setting | Description | | -------------------- | ------------------------------------------------------------------ | | **Logo** | Secondary logo displayed in the bottom right corner of the footer. | | **Text color** | Color of text shown in the footer section only. | | **Link color** | Color of links shown in the footer section only. | | **Background color** | The background color applied to the footer section. | ### Social links Add links to your social media profiles. These will be displayed in the footer of your directory. Leave any field empty to hide that social link from the directory. | Setting | Description | | --------------- | ----------------------------------------- | | **LinkedIn** | URL to your LinkedIn company page. | | **X (Twitter)** | URL to your X (formerly Twitter) profile. | | **Instagram** | URL to your Instagram profile. | | **Facebook** | URL to your Facebook page | ### Legal Provide the link to your legal notice page so that visitors can review your policies. | Setting | Description | | ---------------- | ---------------------------------------------- | | **Legal notice** | URL to your legal notice page on your website. | ### Saving your changes After making any branding changes, click **Save** to apply them. If your directory status is set to **Public**, the changes will be reflected on the live directory immediately. ## Optional: Configuring your subdomain Optionally, you can change the directory subdomain. The subdomain determines the public URL where your directory is accessible. By default, it is the same as your partner portal subdomain. 1. Go to **Account Settings > Directories**. 2. In the **Partner directories subdomain** field, enter your desired subdomain. 3. Save your changes. Your directory will be accessible at: `https://{subdomain}.directory.kiflo.com` For example, if your subdomain is `acme` , your directory URL will be `https://acme.directory.kiflo.com`. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## 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, and the optional `goal` query parameter: ``` GET https://docs-vnext.kiflo.com/partner-directory/customize/ow-to-customize-the-partner-directory-branding.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. 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.