Introduction
Add blockquotes to WordPress easily. Blockquotes are useful for showing quoted text within a section of text. Often they are used within blog posts but they can also be useful within pages. Blockquotes can be set to take the full width or can be used as a pull quote that only take up part of the width.
Basic Example
Twenty years from now you will be more disappointed by the things that you didn’t do than by the ones you did do. So throw off the bowlines, Sail away from the safe harbor, Catch the trade winds in your sails. Explore. Dream. Discover.Mark Twain
Right Aligned
When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy’. They told me I didn’t understand the assignment, and I told them they didn’t understand life.John Lennon
Quote Width (pull-quote)
In this example, the blockquote shortcode is set to 30% width and right aligned. This type of quote is often referred to as a pull quote.
Nulla tristique rhoncus bibendum. Morbi feugiat tempus ligula in posuere. Proin mauris sem, fringilla quis sodales id, eleifend sed mi. Proin nisl odio, mollis fermentum interdum vel, posuere ut lacus. Aliquam non purus ac massa vestibulum vestibulum quis aliquet odio. Sed leo massa, dictum a congue vel, aliquam quis neque. Aenean tempus metus sit amet mi tristique scelerisque eu quis odio. Aenean cursus tortor quis nisl interdum laoreet. Donec leo odio, fermentum vitae laoreet laoreet, convallis tempor purus. Cras tempor turpis non quam dignissim a mattis libero aliquet.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat quis odio sed tristique. In id neque ac sem tempor posuere non ac purus. Donec a ipsum dictum, egestas est et, volutpat dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam suscipit aliquam turpis quis venenatis. Donec non tellus vehicula, adipiscing augue ac, hendrerit odio. Sed ut arcu aliquam, scelerisque arcu eget, condimentum quam. Nunc sed libero eu massa consectetur dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed mollis tempus aliquet. Cras justo nulla, hendrerit id condimentum eu, euismod sit amet velit. Nam viverra dapibus blandit. Pellentesque hendrerit, tortor vitae laoreet lobortis, lectus felis congue lacus, hendrerit suscipit neque nulla vel dui. Morbi erat eros, vestibulum sed facilisis porta, ultricies sed lacus. In vitae cursus ipsum, ac commodo massa.Someone wise and famous
Etiam lectus risus, elementum eget magna nec, scelerisque commodo dolor. Quisque vel velit molestie, lobortis justo a, posuere nisi. Integer urna magna, convallis et turpis a, rutrum adipiscing lacus. Duis orci quam, sodales sed odio sit amet, aliquet imperdiet odio. Integer vulputate velit non bibendum auctor. Etiam eu nibh enim. Integer ornare interdum arcu nec tincidunt.
Color Options
Set the color of the font, background, and border. This example also has a border radius (rounded corners) set.
Think of all the beauty still left around you and be happy.
Anne Frank
Fusce non dictum nulla. Nam elementum posuere gravida. Integer pretium orci nec magna pellentesque fermentum in lacinia turpis.
Nulla congue a erat nec malesuada. Nunc tincidunt libero sapien, ut condimentum enim ultricies eu. Nam mollis rutrum velit, sed rutrum est cursus vel. Nunc in mauris et velit eleifend placerat. Integer aliquam libero et nunc congue, id facilisis dui volutpat. Nunc laoreet, nibh sed ultricies posuere, odio ante rhoncus metus, a porta odio massa aliquam mi. Nam lectus arcu, tincidunt in accumsan imperdiet, pharetra id metus. Pellentesque vulputate lacus vitae nulla sagittis dictum non id mi. Etiam id pharetra dui, in porttitor magna. Vestibulum imperdiet vestibulum nibh, in imperdiet magna condimentum a. Ut orci magna, lacinia eu rutrum in, tincidunt sed felis. Aliquam dignissim justo urna, ut pretium lacus dapibus quis.
Mauris in tellus pellentesque, tempor metus vel, interdum sapien. Cras sit amet eleifend urna. Cras tincidunt fringilla lacus, eu vestibulum nisl tempus nec. Phasellus nec adipiscing mi, eu ornare nibh. Aenean nec volutpat orci, quis fringilla erat. Vivamus tortor ante, varius eget erat eu, blandit vulputate quam. Sed suscipit elit et lacinia mollis. Aenean condimentum arcu in nisi pharetra commodo. Sed neque augue, ultrices vel placerat id, tristique consequat nulla. Integer eu quam vitae tortor dictum suscipit at ut sapien. Nam varius id sapien ac convallis. Nam eu urna ultricies, commodo est vitae, placerat risus. Donec sed magna euismod, varius enim sit amet, tempor nulla.
In auctor elit risus, quis convallis tellus malesuada a. Curabitur vel lobortis purus. Cras interdum odio pharetra ante lobortis semper. Nam ac orci laoreet, commodo libero at, aliquam sem. Quisque luctus congue pulvinar. Vestibulum pellentesque nulla ac lobortis pellentesque. In lacinia eget nunc sit amet ultricies. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque at pellentesque ipsum. Donec accumsan eros mi, non tincidunt lacus vehicula quis. Aenean vel sapien elit.
Explore More Shortcodes
- Alert
- Animated Popular
- Animated Image
- Animated Scroll New
- Audio
- Badge
- Blockquote
- Blog
- Blur New
- Books
- Button
- Chart
- Clients
- Code
- Collapsibles
- Content Box
- Content Section Popular
- Counter
- Coupons
- Custom Post Type
- Definitions
- Device Mockups
- Divider Popular
- Dropcap
- Emphasis
- Events
- FAQ
- Filler
- Flip Box Popular
- Fullscreen Video
- Gallery Popular
- Google Docs Viewer
- Guests
- Heading
- Highlight
- Hover Box
- Horizontal Ruler
- Icon Popular
- Icon List
- If New
- Image
- Image Compare
- Jobs
- Label
- Lead
- Lightbox
- Locations
- Map
- Masonry
- Members
- Menu
- Post Meta Data
- Movies
- Music
- News
- Overlay Popular
- Panel New
- Parallax Scene Popular
- Permalink
- Person
- Popover
- Portfolio
- Post Fields
- Post Media
- Pricing Table
- Progress
- Project
- Promotional Box
- QR Code
- Quotes
- Recent Books
- Recent Clients
- Recent Coupons
- Recent Events
- Recent Jobs
- Recent Locations
- Recent Movies
- Recent Music
- Recent News
- Recent Portfolios
- Recent Posts
- Recent Projects
- Recent Quotes
- Recent Recipes
[intense_content_section]
<h2>Introduction</h2>
Add blockquotes to WordPress easily. Blockquotes are useful for showing quoted text within a section of text. Often they are used within blog posts but they can also be useful within pages. Blockquotes can be set to take the full width or can be used as a pull quote that only take up part of the width.
[/intense_content_section]
[intense_content_section background_type="color" background_color="#f9f9f9" border_top="1px solid #ededed" border_bottom="1px solid #ededed"]
<h2>Basic Example</h2>
[intense_blockquote]Twenty years from now you will be more disappointed by the things that you didn’t do than by the ones you did do. So throw off the bowlines, Sail away from the safe harbor, Catch the trade winds in your sails. Explore. Dream. Discover.
<small>Mark Twain</small>[/intense_blockquote]
[/intense_content_section]
[intense_content_section]
<h2>Right Aligned</h2>
[intense_blockquote rightalign="1"]When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down 'happy'. They told me I didn’t understand the assignment, and I told them they didn’t understand life.
<small>John Lennon</small>[/intense_blockquote]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#f9f9f9" border_top="1px solid #ededed" border_bottom="1px solid #ededed"]
<h2>Quote Width <small>(pull-quote)</small></h2>
In this example, the blockquote shortcode is set to 30% width and right aligned. This type of quote is often referred to as a pull quote.
[intense_hr]
[intense_blockquote rightalign="1" width="30%"]Nulla tristique rhoncus bibendum. Morbi feugiat tempus ligula in posuere. Proin mauris sem, fringilla quis sodales id, eleifend sed mi. Proin nisl odio, mollis fermentum interdum vel, posuere ut lacus. Aliquam non purus ac massa vestibulum vestibulum quis aliquet odio. Sed leo massa, dictum a congue vel, aliquam quis neque. Aenean tempus metus sit amet mi tristique scelerisque eu quis odio. Aenean cursus tortor quis nisl interdum laoreet. Donec leo odio, fermentum vitae laoreet laoreet, convallis tempor purus. Cras tempor turpis non quam dignissim a mattis libero aliquet.
<small>Someone wise and famous</small>[/intense_blockquote]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat quis odio sed tristique. In id neque ac sem tempor posuere non ac purus. Donec a ipsum dictum, egestas est et, volutpat dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam suscipit aliquam turpis quis venenatis. Donec non tellus vehicula, adipiscing augue ac, hendrerit odio. Sed ut arcu aliquam, scelerisque arcu eget, condimentum quam. Nunc sed libero eu massa consectetur dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed mollis tempus aliquet. Cras justo nulla, hendrerit id condimentum eu, euismod sit amet velit. Nam viverra dapibus blandit. Pellentesque hendrerit, tortor vitae laoreet lobortis, lectus felis congue lacus, hendrerit suscipit neque nulla vel dui. Morbi erat eros, vestibulum sed facilisis porta, ultricies sed lacus. In vitae cursus ipsum, ac commodo massa.
Etiam lectus risus, elementum eget magna nec, scelerisque commodo dolor. Quisque vel velit molestie, lobortis justo a, posuere nisi. Integer urna magna, convallis et turpis a, rutrum adipiscing lacus. Duis orci quam, sodales sed odio sit amet, aliquet imperdiet odio. Integer vulputate velit non bibendum auctor. Etiam eu nibh enim. Integer ornare interdum arcu nec tincidunt.
[/intense_content_section]
[intense_content_section border_bottom="1px solid #ededed"]
<h2>Color Options</h2>
Set the color of the font, background, and border. This example also has a border radius (rounded corners) set.
[intense_hr]
[intense_blockquote width="30%" color="primary" border_color="#136BAF" border_radius="10px"]<p style="font-size: 30px; line-height: 40px;">Think of all the beauty still left around you and be happy.</p>
<span style="font-size: 16px; line-height: 50px;">Anne Frank</span>[/intense_blockquote]
Fusce non dictum nulla. Nam elementum posuere gravida. Integer pretium orci nec magna pellentesque fermentum in lacinia turpis.
Nulla congue a erat nec malesuada. Nunc tincidunt libero sapien, ut condimentum enim ultricies eu. Nam mollis rutrum velit, sed rutrum est cursus vel. Nunc in mauris et velit eleifend placerat. Integer aliquam libero et nunc congue, id facilisis dui volutpat. Nunc laoreet, nibh sed ultricies posuere, odio ante rhoncus metus, a porta odio massa aliquam mi. Nam lectus arcu, tincidunt in accumsan imperdiet, pharetra id metus. Pellentesque vulputate lacus vitae nulla sagittis dictum non id mi. Etiam id pharetra dui, in porttitor magna. Vestibulum imperdiet vestibulum nibh, in imperdiet magna condimentum a. Ut orci magna, lacinia eu rutrum in, tincidunt sed felis. Aliquam dignissim justo urna, ut pretium lacus dapibus quis.
Mauris in tellus pellentesque, tempor metus vel, interdum sapien. Cras sit amet eleifend urna. Cras tincidunt fringilla lacus, eu vestibulum nisl tempus nec. Phasellus nec adipiscing mi, eu ornare nibh. Aenean nec volutpat orci, quis fringilla erat. Vivamus tortor ante, varius eget erat eu, blandit vulputate quam. Sed suscipit elit et lacinia mollis. Aenean condimentum arcu in nisi pharetra commodo. Sed neque augue, ultrices vel placerat id, tristique consequat nulla. Integer eu quam vitae tortor dictum suscipit at ut sapien. Nam varius id sapien ac convallis. Nam eu urna ultricies, commodo est vitae, placerat risus. Donec sed magna euismod, varius enim sit amet, tempor nulla.
In auctor elit risus, quis convallis tellus malesuada a. Curabitur vel lobortis purus. Cras interdum odio pharetra ante lobortis semper. Nam ac orci laoreet, commodo libero at, aliquam sem. Quisque luctus congue pulvinar. Vestibulum pellentesque nulla ac lobortis pellentesque. In lacinia eget nunc sit amet ultricies. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque at pellentesque ipsum. Donec accumsan eros mi, non tincidunt lacus vehicula quis. Aenean vel sapien elit.
[/intense_content_section]
[intense_snippet snippet_id="Child Theme | Shortcodes/footer" snippet_title="Shortcode Page Footer"]