Добрый день!
Не знаю, что там накручено, но вот такая проблема у меня:
Когда вставляешь видео в разделы типов конта, все нормально, видео адаптируется под ширину экрана или колонки, а вот когда в виджет устанавливаешь видео в редакторе, оно залезает на другую колонку, это если в компьютере, а в телефоне оно огромное, справа половина этой видюшки, то есть не по ширине, а сильно вправо уходит. Вот:
радомир-арт.рф
Подскажите, пожалуйста, что не так и что сделать, чтобы это исправить. Спасибо!!!
Что не видно на что смотреть)
Да, извините! Я пост сделал, а потом вспомнил, что видюшку удалил (олух).
Я вернул видео, на главной. Извините!
Об этом речь?
Да, об этом. У Вас меньше залезает видюшка на правую колонку, у меня больше. Но например картинка вообще не залезает нисколько, там все соразмерно.
В телефоне это видео вообще наполовину за территорией экрана
Я попробовал другие видюшки в другом виджете сделать — все тоже самое.
Вам надо для iframe указать правило width:100%; в стилях. сейчас у вас в коде прописано width=«853»
Я понял, в самом коде видео. А высоту убрать вообще?
Ничего не надо убирать. Просто пропишите
iframe{width:100%}
Можно height:auto указать, если проблемы будут
Пожалуйста извините, я не очень разбираюсь. Я в коде вместо тех параметров вогнал, что Вы написали )). Она в телефоне стала нормальной, а в компьютере совсем маленькой.
iframe{width:100%} — это где надо вставить?
В файле со стилями. Создайте файл /templates/ваш шаблон/css/custom.css
Подключите его в файле /templates/ваш шаблон/main.tpl.php
В строке примерно 23 есть такое
$this->addMainTplCSSName(['theme']);
сделайте таким
$this->addMainTplCSSName(['theme','custom']);
И затем в этом файле пропишите
iframe{
width:100%;
height:auto;
}
Только не смейтесь )).
Там вот есть такое место:
<iframe src=
может так сделать?
<iframe{width:100%} src= ?
Тогда не так. Уберите width=«853» и пропишите style=«width:100%»
Выяснилось, что у меня есть уже такой файл custom.css
Вот что внутри:
.board_item .icms-content-fields .f_photo {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
}
@media screen and (max-width: 767px) {
.board_item .icms-content-fields .f_photo {
display: grid;
grid-template-columns:1fr;
grid-gap: 30px;
}
}
прямо туда добавлять то, что Вы дали?
Да
)) Что то не так. В телефоне не изменилось ничего, а в компьютере что то непонятное теперь ))