BUILD3R.io

Blockquote Widget

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
Was this article helpful?

Still puzzling over something?

The agent has read this article — and everything around it. Ask a follow-up and it answers in seconds.