> ## Documentation Index
> Fetch the complete documentation index at: https://help-center.quizify.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Content Slide

> Add informational slides with text, images, or a timed delay before the next question.

A Content Slide is a page in a quiz used to display information, instructions, images, or other content to respondents before they continue to the next question.

The Content Slide can either remain on screen until the respondent clicks Next, or it can be configured as a Timed Slide that automatically moves to the next question after a specified duration.

## How to Add a Content Slide

1. Open the Quiz Builder Quiz tab.
2. Click Add page and select Content Slide.
3. This will add the content slide as the last question.

Note: Users cannot interact with a Content Slide. They can only see that slide.

## How to Delete the Content Slide

1. Hover over Content Slide in the list.
2. Click the delete icon.

## How to Change the Position of a Content Slide

1. Hover over Content Slide in the list.
2. Click the drag icon.
3. Drag that slide where you want to display it.

You can display the slide as the first question, last question, or in the middle of questions.

## How to Duplicate a Content Slide

1. Hover over Content Slide in the list.
2. Click Duplicate.
3. It will create the same slide again.

## Style Settings for Content Slide

1. Click on Content Slide.
2. A notice appears stating that styles Apply to all question types.

<table>
  <thead>
    <tr>
      <th>Setting</th>
      <th>Details</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Background Color</td>
      <td>Custom color for the page background.</td>
    </tr>

    <tr>
      <td>Content Alignment</td>
      <td>Left or Center.</td>
    </tr>

    <tr>
      <td>Background Image</td>
      <td>Upload image · Max 20 MB · JPG, PNG, SVG, WEBP</td>
    </tr>

    <tr>
      <td>Custom CSS</td>
      <td>Optional advanced styling. May require an upgrade.</td>
    </tr>
  </tbody>
</table>

## Content Slide Content Settings

The Settings panel allows you to configure the content and behavior of a Content Slide.

### Content Slide Title

* Enter the title of the content slide.
* Required: Yes
* Character limit: 300 characters

### Content Slide Description

* Add a description or supporting information for the content slide.
* Character limit: 2,000 characters

### Image

* Add an image to the content slide.
* Click Select image to upload or select an image.
* Maximum file size: 20 MB
* Supported formats: JPG, PNG, SVG, WEBP

### Timed Slide

Enable this option to automatically move the respondent to the next question after a specified amount of time.

1. Enable Timed slide to activate the timer.
2. When enabled, the Slide duration option appears.

When Timed slide is enabled, additional settings are available to control how long the content slide remains visible.

* Slide Duration: Set the amount of time, in seconds, that the content slide should remain visible before automatically moving to the next question.
* Disable Next Button: Enable this option to prevent respondents from manually moving to the next question before the timer ends.
  * When enabled, respondents must wait until the configured slide duration is completed.
  * When disabled, respondents can use the Next button to move ahead before the timer ends.

## Content Slide Design Settings

The Style panel allows you to customize the appearance of the Content Slide. The style settings shown apply to all question types.

<table>
  <thead>
    <tr>
      <th>Element</th>
      <th>Options</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Heading</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Description text</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>
  </tbody>
</table>

<nav class="qh-pagination" aria-label="Pagination">
  <a class="pagination-prev" href="/quiz-builder/quiz/question">
    <span>
      <strong>Question</strong>
      <span>Previous</span>
    </span>
  </a>

  <a class="pagination-next" href="/quiz-builder/quiz/user-form">
    <span>
      <strong>User Form</strong>
      <span>Next</span>
    </span>
  </a>
</nav>