0 Пользователей и 1 Гость просматривают эту тему.
  • 10 Ответов
  • 791 Просмотров
*

dionisimuss

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Всем привет.
Пересмотрел кучу ответов так и не нашел ответа.
Задача, вставляю в модуль HTML три иконки Телега, Ватсап и Инстаграмм, по клики с переходом. Так вот становятся они все вертикально,. В редакторе показывает горизонт отображает, а при выходе наместо размещение опять вертикально. Код не обрезается. кто подскажет как правильно написать, отступы не сильно важны.
Заранее благодарю
*

marksetter

  • Завсегдатай
  • 1045
  • 40 / 0
индивидуальная помощь: @SetAlexx
*

dionisimuss

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
так ссылку дайте


Сделать надо вот так, только через div
« Последнее редактирование: 21.12.2022, 23:33:15 от dionisimuss »
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Ну так и вставьте в HTML модуль только ссылки и добавьте класс, либо сразу что-то подобное целиком + стили, зачем там таблицу-то городить
Код
<div class="custom social">
  <a href="https://wa.me/79819148668"><img src="/images/whatsapp_icon.png" width="32" height="35"></a>

<a href="tg://resolve?domain=varmstone"><img src="/images/icons8-telega.png" width="32" height="35"></a>
</div>

Код
.social a {
  display: inline-block;
  margin: 0 10px 0 0;
}
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

dionisimuss

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
 вставил ваш код и получил то о чем писал выше картинки стали вертикально
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Код
<div class="custom.social a { display: inline-block;  margin: 0 10px 0 0;}">
Ну вот что это )))
В стили шаблона добавить описания блока .social, из класса модуля это убрать.

Или просто вот так вставляйте уже
Код
<div class="custom sppb-row">
<a href="https://wa.me/79819148668"><img src="/images/whatsapp_icon.png" width="32" height="35"></a>
<a href="tg://resolve?domain=varmstone"><img src="/images/icons8-telega.png" width="32" height="35"></a>
</div>
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

dionisimuss

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
первый вариант мне нравиться больше, хоть я раньше тоже так делал, сейчас все повторил. вот смотри
вставил в ccs стиль шаблона, предосмотре все работает как надо, но сохраняешь и опять вертикальные. скриншот прилаживаю

*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
В стилях перед классом точку забыл поставить при сохранении  ;D
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

dionisimuss

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
поставил не помогло.
CTRL+F5 сделайте, кеш, все там нормально сейчас отображается
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

dionisimuss

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Все работает. спасибо за помощь. Все дело было в точке.  :laugh:
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Модуль вывода похожих материалов с картинками

Автор Besa

Ответов: 3
Просмотров: 971
Последний ответ 20.04.2023, 20:25:50
от beliyadm
Не подлючает модуль из шаблона

Автор misteri27

Ответов: 0
Просмотров: 998
Последний ответ 31.01.2023, 12:58:05
от misteri27
Helix 3 старается горизонтально размеченные картинки переставить вертикально

Автор olderman

Ответов: 3
Просмотров: 745
Последний ответ 30.10.2022, 08:59:06
от marksetter
Protostar css подвинуть модуль на мобильном

Автор Елeна

Ответов: 0
Просмотров: 400
Последний ответ 25.03.2022, 09:37:52
от Елeна
Модуль меню прячется при изменении окна браузера

Автор kunsaid

Ответов: 2
Просмотров: 512
Последний ответ 19.01.2022, 14:23:10
от kunsaid