---
title: "Block quote element"
date: "2017-11-12T09:19:40+00:00"
summary: "Enhance your layouts with the Block quote element in Site Studio. Learn how to add, style, and customize block quotes for compelling content presentation and improved visual hierarchy."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/block-quote-element"
id: "642b8ad1-00a5-4bba-84a8-338007f9461f"
---

Table of contents will be added

Use the Block quote element to add block quotes <blockquote> to your layout.

Locating the block quote element
--------------------------------

To find the Block quote element:

1.  Navigate to a component or a template with the Layout canvas
2.  Click the **+ button** on the Layout canvas
3.  Within the Elements tab, look for the Block quote element.

![4a853c52-blockquote.png](https://acquia.widen.net/content/9130635e-ec33-4370-97a1-74e5b5422335/web/4a853c52-blockquote.png)

The Block quote element includes the following fields:

Block quote
-----------

*   **Block quote text -** Enter the text of your block quote

Cite URL (optional)
-------------------

*   **Cite URL -** Enter the URL of the block quote citation. This will not be visible on the website but it will appear within the page source.

Custom style
------------

*   **Block quote style -** Apply a Block quote custom style to the block quote. For more information, see [creating custom styles](/drupal-starter-kits/add-ons/site-studio/creating-custom-styles "Creating custom styles").

Match heights
-------------

*   **Match heights** \- Match the height of the element using:
    *   **None** - Removes the match heights at the specific breakpoint
    *   **Class** \- Match the height of the element with another element with the same class name
    *   **Children with class** - Match the heights of any child elements with the same class name
    *   **Child element** - Match the heights of all child elements of the same type.

For more information on Match heights, see [Match the heights of elements.](/drupal-starter-kits/add-ons/site-studio/match-heights-elements "Match the heights of elements")

Comments
--------

*   **Add comments -** Add comments to the Element.  For more information, see [Adding comments to an element](/drupal-starter-kits/add-ons/site-studio/adding-comments-element "Adding comments to an element").