They Said So Quotes Styles

Spruce up the quotes in your site. Elegant! Stylish and simply the best!.

They Said So embedding scripts and joomla extensions come with lots of predefined quote styles to suite your taste. This page gives you examples of each style and code that you can cut an paste in your web page or joomla articles.

Default style. No decoration. Blends with rest of your website.

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_default', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_default">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Beautiful dark grey quote symbol draws attention to the quote

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_grey_leader', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_grey_leader">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Classic yellow post it style backgrounds with classic fonts.

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_classic', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_classic">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Clean white rectangle with author name in dark font. Quote printed with white font and contained with in a black card. A clip in top right and drop shadow on bottom corners give this design a elegant look and would go with most grey scale websites.

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_blackcard', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_blackcard">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Cursive grey words that are demarcated from surrounding content by top and bottom lines

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_simple_borders', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_simple_borders">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Quote text is below a purple large purple quote icon both contained in a rectangle white card with rounded corners. The card drops shadow all around it

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_purply_box', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_purply_box">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Bold grey card with quote in lighter text and author name in golden letters in a angular black band

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_golden_black', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_golden_black">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Cozy orange curve on the left and a huge orange quote ball on the top adds artistic value to the overlined orange text

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_circly_head', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_circly_head">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_wild_strawberries', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_wild_strawberries">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_modern_green', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_modern_green">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_clean_single', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_clean_single">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_blueborder_floating', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_blueborder_floating">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_bubble_right_bottom', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_bubble_right_bottom">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_pinched', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_pinched">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_oval_thought', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_oval_thought">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_oval_thought_border', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_oval_thought_border">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_green_speech', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_green_speech">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_oval_speech_border', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_oval_speech_border">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_orange_card', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_orange_card">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_red_card', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_red_card">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
                            

Sample

Joomla Plugin Code

 {theysaidso}display_style:'tso_green_card', qod_category: 'inspire' {/theysaidso}

Universal Code for any webpage

<script type="text/javascript" src="https://theysaidso.com/gadgets/v2/theysaidso.js"></script>
<div class="tso_green_card">
  <script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>