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
- Elementor FREE Plugin installed & activated.
- You need to have The Plus Addons for Elementor plugin installed and activated.
- Make sure the Blockquote widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Blockquote and activate.
Learn via Video Tutorial:
How to Activate the Blockquote Widget?
Go to
- The Plus Addons → Widgets
- Search the widget name and turn on the toggle.
Key Features
- Multiple styles – You can easily choose from multiple styles.
- Add image – You can easily add an image.
- Add tweet button – You can easily add a tweet button to tweet the page or the blockquote content.
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.
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.
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.
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.
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.
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.
