Blockquote

Table of Contents

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 #

  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

Powered by BetterDocs