---
metadata:
  - name: generator
    content: Diplodoc Platform v5.39.1
alternate:
  - https://yandex.com.tr/support/forms/en/appearance.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com.tr/support/forms/en/llms.txt


# Customizing the appearance of a form

If the form is already published, its design changes.

## Theme {#theme}

You can give your form a distinct look by customizing the appearance of the text and buttons or adding a background image:

1. Select the form and open the **Theme** tab.

1. Pick one of the available themes or create your own by clicking <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.773 7.412c-.064.064-.27.249-1.017-.027-.75-.277-1.706-.928-2.695-1.918-.99-.99-1.64-1.945-1.918-2.695-.276-.747-.091-.953-.027-1.017.064-.064.27-.249 1.017.027.094.035.19.075.29.121.7.324 1.54.93 2.405 1.797.99.99 1.641 1.945 1.918 2.695.276.747.091.953.027 1.017ZM7 6.528c.85.85 1.738 1.535 2.581 1.972H1.694v-.027a1.292 1.292 0 0 1 .1-.507l2.802-4.33c.056-.087.114-.174.172-.26C5.16 4.383 5.956 5.485 7 6.529Zm3.89-3.889c2.147 2.148 3.24 4.537 1.944 5.834a12.976 12.976 0 0 1-2.127 1.719L6.352 13.01s-1.945 1.296-4.537-1.296C-.778 9.12.518 7.175.518 7.175L3.336 2.82A12.98 12.98 0 0 1 5.056.694C6.351-.602 8.74.491 10.888 2.64Zm1.86 12.36c.966 0 1.75-.765 1.75-1.71 0-1.234-1.17-2.76-1.512-3.178a.304.304 0 0 0-.237-.111.31.31 0 0 0-.24.112c-.34.422-1.511 1.96-1.511 3.178 0 .944.784 1.71 1.75 1.71Z" clip-rule="evenodd"/></svg></svg> **Create custom theme**:

    - Set a background for the form workspace: choose a fill color or an image from the gallery, or upload your own background. You can set the background opacity, corner rounding, width, and padding.

    - Select the backdrop: the background around the form workspace. To do so, enable **Card background** ![](_assets/enabled-switch-blue.png) and select a fill color, pick an image from the gallery, or upload your own background. The backdrop is visible if you publish the form via a link.

    - Configure the colors of various form elements.

    - Customize the appearance of form fields by adjusting their size, corner rounding, and padding.

    - To view all theme settings, click **Show additional settings**. To hide them, click **Hide additional settings**.

    -  Click **Save**.

The new theme will appear in the list of available themes. To modify it, click <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#svg-xkxibj07__a)"><path fill="currentColor" fill-rule="evenodd" d="M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd"/></g><defs><clipPath id="svg-xkxibj07__a"><path fill="currentColor" d="M0 0h16v16H0z"/></clipPath></defs></svg> **Edit**.

### Requirements for custom background images {#background-requirements}

When uploading a custom background or backdrop for a form, keep in mind the following limitations:

- **Image resolution**: No limits. You can upload an image of any width and height.
- **File size**: Up to 30 MB.
- **File format**: For large files, we recommend using the JPG format. Other formats, such as PNG, may result in longer processing times.

Uploaded images are automatically resized and converted to the optimal format to ensure they display correctly in the form.

### Additional theme settings {#additional-settings}

Additional settings can be helpful if you need more customization:

1. Adjust the padding between the question text and the input field.

1. Set the size of the asterisk <span style="color: red;">*</span> indicating required questions or disable it.

1. Configure the size, shape, and position of the submit button.

1. Select fonts and their weight for texts in the form.

1. Click **Save**.


## Button names and submission message {#submit}

You can set form button names and the message that the user sees after submitting their response:

1. Select a form and go to **Settings** → **Text and submit logic**.

1. Change the button names under:
    - **Form submission button**.
    - **Buttons for navigating through form pages**.

1. Under **Event after submit**, change the heading and comment.
    For more information about customizing the event, see [Customizing the results page](https://yandex.com.tr/support/forms/en/success-page.md).

1. Click **Save**.


## Formatting text {#text-formatting}

You can use formatting (such as headings, lists, links, or italics) in your questions and comments, as well as in the success message that users see when they submit a form.

To do this, use the [basic Markdown markup](https://en.wikipedia.org/wiki/Markdown).

 {% note warning "" %}

Unlike Yandex Tracker and Wiki, Forms doesn't support the advanced formatting features from [Yandex Flavored Markdown](https://diplodoc.com/docs/ru/index-yfm), such as changing the text color.

If a line or word starts with a special character used for text markup in Markdown — such as `*`, `-`, or `>` — that character changes the appearance of the text but isn't visible to the user. To make these characters visible, precede them with a backslash. For example, `\*question*`.

{% endnote %}


#### Sample markup {#markdown-example}


```
## This is a heading

This is the question text. You can use *italics* or **bold** in it.

### This is a second-level heading

The text can be arranged as a list:
1. List items.*
1. Lists can be nested:
    * Nested list item.
    * Nested list item.

Example [links](https://yandex.ru).

\* A note for the first item.
```

{% cut "Result" %}

![](_assets/markdown.png =300x)

{% endcut %}

{% include [style](https://yandex.com.tr/support/forms/en/_assets/style-a13ddc9841bc.md) %}
