Blockquote

This block allows sharing content from your site on Twitter. Here is a demo for the block.

Key features –

• Pre-designed layouts – Modern and Quotation
• Option to add Author image along with the name
• Stack Author details and Twitter button on responsive devices
• Typography and Color options for content
• Completely customize Twitter Icon
• Spacing options

How it works?

Block allows adding content with Author details and will offer a Twitter Icon button. You can also enter Twitter account username that will be shared along with the content. Clicking on the Twitter Icon button will open a small window on a new page. This window will contain – content (quote), page URL and Twitter username (if entered). You would need to login to your Twitter account to share the quote in the above window.

Pre-designed Layouts – Modern and Quotation

Under Layout tab you can choose a design for Blockquote.

Modern layout offers following options –

• Quote Border Style
• Thickness (px)
• Border Color (Normal and Hover)
• Stack on – Choose on what breakpoint the elements will stack

Quotation layout offers following options –

• Quote Icon Size
• Background Size
• Quote Icon Border Radius (%)
• Quote Icon Colors (Normal and Hover)
• Icon Background Color
• Stack on – Choose on what breakpoint the elements will stack
• Inline/Normal Quote – Manage the Quote Icon and content alignment. Refer a screenshot.

Add Author image

Under Content tab Author Image can be added. Additional settings will appear for author image Position, Size, Width,Rounded Corners.

Customize Twitter Icon

Twitter icon will appear in a small button. This button can be customized with following options –

• Icon View
• Icon Style
• Font Size
• Target URL
• Button Padding (px)
• Tweet Color
• Tweet Background Color

Spacing options

Spacing can be managed for the block elements under Spacing tab. Options will be available based on selected layout.