# Layout, Colors, Text, CSS

### Layout Settings

* **Enable Header** — turn on/off the area that shows the title in the popup
* **Enable Image** — turn on/off any featured image display
* **Image Height** — predefine the height of the featured image
* **Image Thumbnail Resolution** — if you are making the thumbnail large, you may want to use a larger dimension than the default 300x300 
* **Enable Body** — turn on/off the main content area of the popup
* **Enable Footer** — turn on/off the bottom of the popup containing a button
* **Enable Pointer** — turn on/off the small triangular pointer on the bottom of the popup

### Background Colors

Here, you can set various background colors corresponding to the different elements of the popup.

### Text

* **Align** — set your text alignment across the popup
* **Header Text** — set the text color of the title header
* **Body Text** — set the text color of the main content
* **Button Text** — set the text color of the footer button

### CSS

* **Popup Class** — if you want to write your own CSS in a separate file, enter a class here that will be loaded on the parent of the popup, allowing you to target the popup in your CSS
* **Use Custom CSS** — if you want to completely rewrite the underlying default CSS that Mapster applies to popups, you can do it here. Please be aware that it's easy to make mistakes doing this, so be careful!


---

# 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://wpmaps-docs.mapster.me/popups/popup-templates/layout-colors-text-css.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.