# Public Appearance

### Overview

The **Public Appearance** tab in the **Social Advocacy** module allows MangoApps admins to control and preview how social advocacy content will look to the public, both on desktop and mobile devices. This ensures that your company branding remains consistent and professional across all shared posts.

<figure><img src="/files/uSkI7vS5OhFzFATI11kL" alt="" width="537"><figcaption></figcaption></figure>

***

### Live Preview

On the **Public Appearance** tab, you can see a real-time preview of how your advocacy posts will look.

<figure><img src="/files/O5moJ08YyurHQRQyB0tu" alt="" width="563"><figcaption></figcaption></figure>

**Desktop Preview:** Shows how the content appears on larger screens.

**Mobile Preview:** Displays the mobile-friendly version of your post, ensuring responsive design and readability.

The preview updates in real time, but to see the final result live, you may need to publish a test post.

***

### Customization Options

In the **Customize** section, you can tailor the look and feel of your advocacy page.

<figure><img src="/files/dRYWLcZcCW5DkJ6P14u8" alt="" width="563"><figcaption></figcaption></figure>

The following elements can be adjusted:

* **Logo -** Upload your organization’s logo. The logo will appear prominently on all shared advocacy posts. **Recommended size:** 200 x 45 pixels (file size under 50 KB).
* **Background Color -** Choose a background color for the header section.
* **Header Color -** Set the color for the header bar that displays at the top of your advocacy posts.
* **Header Links -** Add, edit, or remove header links. These links will appear as clickable options in the header section, ideal for guiding viewers to important pages (such as your website or contact page).
* **Link Color -** Customize the color of the header links to match your company’s branding.
* **Footer Content -** Add text, links, hashtags, or other content to the footer area. This section typically includes calls to action, contact information, or hashtags related to your brand. The editor allows rich-text formatting including:
  * Bold, Italic, Underline
  * Font size and style
  * Hyperlinks
  * Bulleted or numbered lists

After making your desired changes, click the **Save** button at the bottom to apply the settings.

{% hint style="info" %}
All changes apply globally to all Social Advocacy posts.
{% endhint %}


---

# 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://guides.mangoapps.com/admin-guide/social-advocacy/public-appearance.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.