Сообщений в теме: 4

[Andrew S.]

Здравствуйте!

Помогите, пожалуйста, добавить ещё 2 строки в шапку мелким шрифтом (настраиваемым, чтобы можно было откорректировать). Текстом, не картинкой. Ниже анимации WhatsApp: X (XXX) XXX XX XX. И напишите как добавить если что больше строк сразу. И как выровнять сверху-снизу, чтоб пропорционально встали надписи и расстояния между ними.
Вот как примерно надо. А оригинал на сайте самом.

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

<div class="logoblock-right">
</div>
<div id="image-1"><img src="{ASSETS_IMAGES_PATH}Contacts2.gif" style="width: 100%;" alt="" title="Телефон, WhatsApp" /></div>

              
замените на:

<div class="logoblock-right"></div>
<div id="image-1">
  <img src="{ASSETS_IMAGES_PATH}Contacts2.gif" style="width: 100%;" alt="" title="Телефон, WhatsApp" />
  <p>Текст</p>
  <p>Текст2</p>
</div>

замените текст на необходимый.


Далее зайдите в main.css - найдите:

#image-1 {
position: absolute;
right: 16px;
bottom: -9px;
}

после него пропишите:

#image-1 p{color:#fff;text-align:right;}

[Andrew S.]

Vaccina (31 Май 2018 - 03:30) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

<div class="logoblock-right">
</div>
<div id="image-1"><img src="{ASSETS_IMAGES_PATH}Contacts2.gif" style="width: 100%;" alt="" title="Телефон, WhatsApp" /></div>

  
замените на:

<div class="logoblock-right"></div>
<div id="image-1">
<img src="{ASSETS_IMAGES_PATH}Contacts2.gif" style="width: 100%;" alt="" title="Телефон, WhatsApp" />
<p>Текст</p>
<p>Текст2</p>
</div>

замените текст на необходимый.


Далее зайдите в main.css - найдите:

#image-1 {
position: absolute;
right: 16px;
bottom: -9px;
}

после него пропишите:

#image-1 p{color:#fff;text-align:right;}

Спасибо, Вакцина. Думал, вы ещё тут работаете или нет. Рад был Вас тут увидеть.



Помогите только вернуть обратно размер гифки (1).
Уменьшить отступы между строками (2).
И уменьшить шрифт строк под гифкой (3).

[Andrew S.]

Тут попробовал, почти всё получилось. Но не знаю как поставить анимацию справа и чтоб нижние ряды не залазили наверх, чтоб строчки также остались три.

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

#image-1 {
position: absolute;
width: auto;
right: 16px;
bottom: -10px;
}
#image-1 p{color:#004D69;text-align:right;font-size:12px;line-height:19px;}

замените на:

#image-1 {position: absolute;width: auto;right: 16px;bottom: 0px;text-align:right;line-height:15px;}
#image-1 p{color:#004D69;text-align:right;font-size:12px;white-space:nowrap;}