.. ==================================================
.. FOR YOUR INFORMATION
.. --------------------------------------------------
.. -*- coding: utf-8 -*- with BOM.

.. include:: ../../../Includes.txt


.. _users_bestpractice_callout:


.. index::
    pair:style;call out


Callout
=======

You can control callouts with so called defined CSS classes.

You have only to pick up the call out class in the select box.


.. figure:: panel.jpg
	:width: 600px
	:alt: Content element with the tab [Style]

	Content element with the tab [Style]


.. figure:: 02_css_class_defined_01_theme_white.jpg
	:width: 600px
	:alt: Call out (theme white)

	Call out (theme white)


.. figure:: 02_css_class_defined_02_theme_black.jpg
	:width: 600px
	:alt: Call out (theme black)

	Call out (theme black)

You can style more properties. Please refer to :ref:`Styling <users_bestpractice_styling>`