Content Pizazz : Quote Shortcodes

Honesty is a gift we can give to others. It is a source of power and an engine of simplicity. – Sam Harris

[cp_quote style="quote_left_dark"]Your Quote[/cp_quote]
Enter your code between the tags and you will get the code to the left while your text will wrap around the quote. Put the text in between the [cp_quote] tags.The style="quote_left_dark" means put the quote on the left side of the page and make the quotation marks dark, so they show up better on a light background. Other options are style="quote_left_light" meaning left side and light quotation marks which might be better on a dark background, style="quote_right_light" for right side-light quotations, style="quote_right_dark" for right side-dark quotations. Notice that the text wraps around the quotation just like you might see in a newspaper, a simple thing to do with HTML/CSS coding and a fun thing for the user.

You can also use style="quote_normal_light" and style="quote_normal_dark"

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This places the quotation marks with no restricted width.



Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

[cp_quote style="quote_right_light"]Your Quote[/cp_quote]
Enter your code between the tags and you will get the code to the right while your text will wrap around the quote. Put the text in between [cp_quote] tags.The style="quote_right_light" means put the quote on the right side of the page and make the quotation marks light, so they show up better on a dark background. Other options are style="quote_right_dark" meaning right side and dark quotation marks which might be better on a light background, style="quote_left_light" for left side-light quotations, style="quote_left_dark" for left side-dark quotations. Notice that the text wraps around the quotation just like you might see in a newspaper, a simple thing to do with HTML/CSS coding and a fun thing for the user. Wow I need to keep thinking on things to say as the text needs to wrap for me …looks like it’s working now so I can stop typing.

You can also use style="quote_normal_light" and style="quote_normal_dark"

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This places the quotation marks with no restricted width.