# Text Styles

### Overview

In this section, you can customize various properties of the text style for your portal, including the heading style, font family, size, and other relevant attributes.

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

***

### Customization Options

Each heading style can have the following customized via the 4 accompanying drop down menus:

* Font Style
* Font Size
* Typographical Emphasis (**Bold**, *Italics*, or Normal). A selection of "Normal" will allow the user to set their own typographical emphasis.
* Letter Case (uppercase, lowercase, or none). A selection of **None** will allow the user to use their own capitalization preferences.&#x20;

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

***

### Large Text Options

To improve **visual hierarchy and consistency** across the portal, MangoApps also features standardized **large heading sizes (Large H1, H2, and H3)**. These large headings are automatically applied in **analytics dashboards**.

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

**Customization**: Font style, weight, and case can be adjusted under **Admin Portal > Branding > Portal > Text Styles > Large Text**.

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

**CSS Support**: You can apply them in custom layouts or widgets using the following CSS classes:

* `.ma-large-h1`
* `.ma-large-h2`
* `.ma-large-h3`

***

### **Text Style Implementation**

Below are a few examples of content locations affected by these text styles.&#x20;

{% hint style="info" %}
The text in widget headers can be adjusted from the branding [widgets tab](https://guides.mangoapps.com/admin-guide/branding/widgets#background-text-color-label-style).
{% endhint %}

#### **Home Module**

<figure><img src="/files/XYawQB4NIAvnfQV2BgZx" alt=""><figcaption></figcaption></figure>

***

#### Newsfeed

<figure><img src="/files/miiM4AX02YGSlrEJLhjS" alt=""><figcaption></figcaption></figure>

***

#### Posts

<figure><img src="/files/LZAGqndH6taMRcY1HRTD" alt=""><figcaption></figcaption></figure>


---

# 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/branding/full-portal/text-styles.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.