Blockquote

For quoting blocks of content from another source within your document.

Default blockquote

Wrap <blockquote> around any HTML as the quote. For straight quotes we recommend a <p>.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Someone famous in Source Title

Vestibulum id urna eu tortor hendrerit iaculis sit amet in ipsum. Cras tempus ultrices leo, tempus iaculis eros tempor non. Aenean ac nisl molestie ligula placerat porta non cursus neque. Phasellus sagittis est at lorem tincidunt consequat.

[quote width="auto" align="none" border="#666" color="#666" title="SOMEONE_FAMOUS_TITLE"] ADD_CONTENT_HERE [/quote]

Blockquote options

Style and content changes for simple variations on a standard blockquote.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Someone famous in Source Title

Vestibulum id urna eu tortor hendrerit iaculis sit amet in ipsum. Cras tempus ultrices leo, tempus iaculis eros tempor non. Aenean ac nisl molestie ligula placerat porta non cursus neque. Phasellus sagittis est at lorem tincidunt.

[quote width="45%" align="left" border="#666" color="#666" title="SOMEONE_FAMOUS_TITLE"] ADD_CONTENT_HERE [/quote]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Someone famous in Source Title

Vestibulum id urna eu tortor hendrerit iaculis sit amet in ipsum. Cras tempus ultrices leo, tempus iaculis eros tempor non. Aenean ac nisl molestie ligula placerat porta non cursus neque. Phasellus sagittis est at lorem tincidunt.

[quote width="45%" align="right" border="#666" color="#666" title="SOMEONE_FAMOUS_TITLE"] ADD_CONTENT_HERE [/quote]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Someone famous in Source Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Someone famous in Source Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Someone famous in Source Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Someone famous in Source Title
[quote align="none" border="#468847" color="#468847" title="SOMEONE_FAMOUS_TITLE"] ADD_CONTENT_HERE [/quote]
[quote align="none" border="#F89406" color="#F89406" title="SOMEONE_FAMOUS_TITLE"] ADD_CONTENT_HERE [/quote]
[quote align="none" border="#B24745" color="#B24745" title="SOMEONE_FAMOUS_TITLE"] ADD_CONTENT_HERE [/quote]
[quote align="none" border="#3A87AD" color="#3A87AD" title="SOMEONE_FAMOUS_TITLE"] ADD_CONTENT_HERE [/quote]

Customization Options / Features

  • Width : Select number unit (px, %, em...)
  • Align : Select position align (left, right, none)
  • Border : Changes border color Blockquote
  • Color : Changes text color Blockquote
  • Title : Someone famous in Source Title

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur. Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt

Template Settings

Theme Colors

Blue Red Green Oranges Pink

Layout

Wide Boxed Framed Rounded
Patterns for Layour: Boxed, Framed, Rounded
Top
We use cookies to improve our website. By continuing to use this website, you are giving consent to cookies being used. More details…