Blockquote Widget: Settings Overview

Updated on June 24, 2024 by Editorial Team
Table Of Content

Blockquotes can be an effective way to highlight certain parts of content. Blockquotes effortlessly draw attention to key information, making it stand out this way you can enhance the user experience and readability.

With the Blockquote widget from The Plus Addons for Elementor, you can easily highlight important parts of content on your Elementor website.

Required Setup

Learn via Video Tutorial:

How to Activate the Blockquote Widget?

Go to 

  • The Plus Settings Plus widgets 
  • Search the widget name and turn on the toggle then click Save.
Blockquote active

Key Features

How to Add Blockquote in Elementor for Free?

To add a blockquote in Elementor, add the Blockquote widget to the page.

Blockquote

In the Style dropdown, you’ll find two styles. 

Let’s select Style 2 here.

Blockquote content

Then in the Quote Description section, you have to add the content for the blockquote.

In the Author field, you can add the author’s name.

In the Author Description field, you can add the author’s description.

Note: The Author and Author Description are only available for Style 2.

By enabling the Icon toggle, you can add an icon to the blockquote.

Then you can add a click to tweet button to the blockquote by enabling the Tweet toggle.

From the Image toggle, you can add an image to the blockquote. 

Note: In Style 1 you won’t find the Icon and Image toggles.

Blockquote style 1

Then from the Alignment section, you can align the blockquote content for responsive devices.

Extra Options

When Style 1 is selected you’ll see the Drop Cap toggle, from here, you can add a drop cap to the blockquote content.

Note: A drop cap is a big and fancy first letter you might see at the beginning of a story or a chapter. It’s made to look special and stands out from the other letters. 

From the Border Layout dropdown, you can select from different pre-defined layouts.

Blockquote extra option

How to Style the Blockquote Widget in Elementor?

You can style the Blockquote from the Style tab. Styling options will vary for Style 1 and Style 2.

Typography – From here, you can manage the blockquote content style.

Blockquote style

Description – From here, you can manage the blockquote content padding and margin.

Drop Cap – You’ll see this option when Drop Cap is enabled in Style 1, from here, you can manage the drop cap style.

Author – You’ll see this option when Style 2 is selected, from here you can style the author name and description separately.

Blockquote author

Background Options – From here, you can style the blockquote container background.

On Scroll View Animation –  This is our global extension available for all our widget, this adds scrolling animation as the widget comes in viewport. You can learn more about this from here.

Advanced options remain common for all our widget, you can explore all it options from here.

View Advanced tab tutorial.

OR
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]



    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website
    X