.call_back{ -webkit-transform: rotate(-90deg); /*Поворот блока с текстом н 30 градусов*/ -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position:fixed; /*фиксированная позиция при прокрутке*/ z-index:999; right: 0px; /*отступ с права*/ top: 35%; /*отступ сверху*/ margin-right:-50px; /*отрицательный отступ справа (чем длиннее название кнопки тем больше должно быть значение данного отступа )*/ } /*Стили для ссылки*/ .call_back a{ color:#fff!important; /*цвет ссылки*/ display:block; background:#DC3522; /*цвет фона кнопки*/ font-size:1.2em; /*размер шрифта*/ text-align:center; /*выравнивание по центру*/ padding:10px 20px; /*внутренние отступы*/ font-weight:bold;/*жирный шрифт*/ border-radius:5px; /*радиус скругления углов*/ border:1px solid #fff; /*рамка вокруг кнопки*/ } #form_pop_up{ border:1px solid #ccc; padding:20px; }
<div class="call_back"><a class="fancybox-inline" href="#form_pop_up" style='text-decoration: none;'>Заказать звонок</a></div> <div class="fancybox-hidden" style="display: none;"> <div id="form_pop_up"><?php echo do_shortcode( 'Ошибка: Контактная форма не найдена.
' ); ?> </div> </div>
Для полноценного функционирования необходим плагин Easy FancyBox.