.. index:: Blocks; Testimonial

###################
Blocks, Testimonial
###################
 Supermint has a template for the built-in testimonial block.

 The Testimonial block gives you all the informational fields you need to relate
 a good testimonial, including a photo, testimonial / bio text, name, position,
 and website name and link.

Adding a testimonial block
==========================
1. Reference the concrete5 
   `add a block <https://documentation.concrete5.org/editors/in-page-editing/block-areas/add-block>`_ 
   documentation.  In the **Social Networking** section choose the
   **Testimonial** block.
   
2. Drag and drop the block into the intended area.

.. image:: ./figures/blocks_testimonial/blocks-testimonial-add.jpg


Edit Testimonial
================
 Once the block is dropped the edit form will pop up. Enter the testimonial data
 then click save.  A picture can be added later if not available now.

.. image:: ./figures/blocks_testimonial/blocks-testimonial-edit.jpg


Edit Custom Template
====================
Click on the block to be edited. Select **Design and Custom Template**
 
.. image:: ./figures/blocks_testimonial/blocks-testimonial-design-and-custom-template.jpg


Click the gear icon.  Make changes to the options.  Click save.

.. image:: ./figures/blocks_testimonial/blocks-testimonial-design-and-custom-template-select.jpg

.. index:: Blocks; Testimonial-supermint-hover


Supermint Hover
---------------
 The option **Supermint Hover** puts a circular border around the photo and
 centers the photo over the centered text. When the mouse hovers over the block,
 the block bounces.
 
.. Note::
   Even though there is the 'Text Size and Color' option to change
   the text alignment, it is always centered!

.. image:: ./figures/blocks_testimonial/blocks-testimonial-supermint-hover.jpg


.. index:: Blocks; Testimonial-default

Default
-------
The default option **(none selected)** removes the circular border from the
photo and floats the photo to the left.
 
.. image:: ./figures/blocks_testimonial/blocks-testimonial-default.jpg

The 'Text Size and Color' 'A' button option to align text is functional.
Here text is shown right aligned.

.. image:: ./figures/blocks_testimonial/blocks-testimonial-text-size-color.jpg


-----

Original reference: web.archive.org
`page <https://web.archive.org/web/20180212145230/http://supermint3.myconcretelab.com:80/index.php/blocks/testimonials>`_