Blockquote Widget (Pro)

The Blockquote Widget allows you to embed fully styled quotes. You can also set these as Click To Tweet quotes, enabling users to easily share them on Twitter.


Content

In addition to adding your content manually, many of the options also use Dynamic Tags. These tags allow you to retrieve WordPress data, or from plugin sources such as Advanced Custom Fields, or WooCommerce products. Items that have the ability to use dynamic data will have the “stack” icon beside the fields input

  1. Skin: Choose the Blockquote skin, selecting either Border, Quotation, Boxed, or Clean
  2. Alignment: (available for Quotation, Boxed and Clean Skins) Align the quote elements to the left, center, or right
  3. Content: Type your Blockquote content
  4. Author: Enter the Author name
  5. Tweet Button: Toggle the Tweet Button ON or OFF

Tweet Button Settings:

  1. View: Choose between Icon & Text, Icon, or Text only
  2. Skin: Choose between Classic, Bubble and Link
  3. Label: Type your Label
  4. Via: Type your Twitter Account username i.e. @your_acount
  5. Target URL: Choose between the Current Page, None, or a Custom Link

Style

Content 

  1. Text Color: Choose the color of the quotation text
  2. Typography: Set the typography options for the quotation text
  3. Gap: Set the amount of spacing between the quotation text and the author

Author 

  1. Text Color: Choose the color of the author’s name
  2. Typography: Set the typography options for the author’s name

Button 

  1. Size: Adjust the size of the button
  2. Border Radius: Set the border radius to control corner roundness
  3. Color: Select the Official Twitter colors or set your own custom button colors
  4. Typography: Set the typography options for the button text

If Custom Color option is chosen, the following options become available:

  1. Background Color: Choose the background color of the button
  2. Text Color: Choose the color of the button’s text
  3. Typography: Set the typography options for the button text

Border (available only for the Border skin)

  1. Color: Choose the color of the border
  2. Width: Set the border’s width
  3. Gap: Set the space between the left border and the quote text
  4. Vertical Padding: Set the top and bottom padding around the content

Quote (only available for Quotation skin)

  1. Color: Choose the color of the quotation mark
  2. Size: Set the size of the quotation mark
  3. Gap: Set the spacing between the quotation mark and the quote text

Box (only available for Boxed skin)

  1. Padding: Set the padding around the quote text
  2. Background Color: Choose the background color of the box
  3. Border Type: Select the border type from Solid, Double, Dotted, Dashed, or Groove
  4. Border Radius: Set the border radius to control corner roundness
  5. Box Shadow: Adjust box shadow options

Advanced

Set the Advanced options that are applicable to this widget

Read the full release post about the Blockquote widget

Share it on social networks

Was this article helpful?

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page