---
url: 'https://dxpr.com/hc/documentation/learn-dxpr-builder/elements/blockquote'
title: 'Adding a Block quote | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T09:25:58+00:00'
updated: '2026-10-23T14:31:17+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Styled quotations'
tags:
  - Marketing
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-23T14:31:17+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Adding a Block quote'
      description: 'Styled quotations'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2023-11-06T09:25:58+0000'
      dateModified: '2026-10-23T14:31:17+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/hc/documentation/learn-dxpr-builder/elements/blockquote'
      articleSection: Marketing
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/hc/documentation/learn-dxpr-builder/elements/blockquote'
      description: 'Styled quotations'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: en
---
[Help Center](/hc)/[Documentation](/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Add content](/hc/documentation/learn-dxpr-builder/elements) /[Marketing](/hc/documentation/learn-dxpr-builder/elements/marketing) # Adding a Block quote.

Styled quotations

 Learn DXPR BuilderBuild pagesAdd contentMarketing

   ## In this guide

 Related guides

- [Style tab](/hc/documentation/learn-dxpr-builder/element-settings/style-tab)

You get a styled quotation with the name of the speaker below it. Use it for customer testimonials, expert opinions or pull quotes in long articles.

## Add a block quote

Open your page while logged in: the builder controls appear when you hover the content area. [Your first page](/hc/documentation/learn-dxpr-builder/getting-started/first-page) shows the basics.

1. Hover the column and click **+** in its control bar, or click **Add Elements** on an empty page. Open the **Content** tab and click **Block quote**. It lands at the top of the column and its settings dialog opens.
2. Replace the placeholder in **Text** with your quotation.
3. Fill in **Cite** with the name and role of the person, for example Maria Lopez, Head of Marketing, Northwind Retail.
4. Click **Save** in the dialog. Then click **Save** in the toolbar at the top of the content area to store the page.

  ## What you see

The quote you typed appears as a styled block quote, with your Cite text on a line below it. In the video, that line names Maria Lopez and her role. Visitors see it once you save the page and it is published.

## Set up your block quote

Hover the element and open **More > Settings** in its control bar. Options:

- **Text:** the quotation. Use the editor toolbar for bold, italic or links.
- **Cite:** the line below the quote, such as a name and role or a source. The style puts a dash in front of it, so do not type one.
- **Reverse:** aligns the quote and the citation to the right.

You can also click the quote on the page and edit its text in place. The **Cite** line changes only in the settings.

## If you don't see it

- **Block quote is not in the Content tab.** Your user profile hides it. Ask an administrator to tick **Blockquote** under **Elements** in [User Profiles](/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin).
- **It is gone after you reload.** The page was not saved. Add it again and click **Save** in the toolbar at the top of the content area.
- **The quote area is blank.** The **Text** field is empty. Click the quote on the page, or hover the element and open **More > Settings**, and type your quote.
- **No name appears under the quote.** The **Cite** field is empty. Hover the element and open **More > Settings**, then fill in **Cite**.
- **The quote sits on the right.** **Reverse** is on. Hover the element and open **More > Settings**, then switch **Reverse** off.

## What's next?

[Style tab](/hc/documentation/learn-dxpr-builder/element-settings/style-tab) to change colours and spacing for your block quote.