Как поднять кнопку Re:plain на верх?
Я пробовал но получается, что сам чат открывается не корректно. Это на телефоне если что. На компьютере более менее нормально.
Вот так выглядит это.
Вот сам чат поднялся на верх попробовал через css подправить, но не как.
Спасибо за помощь!
Что-то типа
@media (max-width: 767px) {
.класс_вашей_кнопки {
position: relative;
top: -100px;
}
}
Не получается, так как там стиль прописан в сам элемент.
Мои добавление в css просто не работают
Попробуйте заменить на relative!important и -100px!important.
Если не срабатывает, то может быть, он определяет стили в скрипте, который подгружает со своего сайта. Тогда ничего не сделать, наверное.
Да скорее всего через js подгружается. Я видел в официальном сайте что меняют скрипт под свои нужды.
Может все таки кто знает решение данной проблемы?
Добрый день.
Напишите скрипт, который перехватить id или class элемента и переопределит его.
Загружаться он должен последним, иначе есть вероятность, что ваш стиль ещё не создастя.
PsСлишком много неизвестных. Речь идёт про позиционирование элемента? Или каком-то действии, например нажатии на кнопку для открытия чата и пр.
Получается так, если поднять кнопку чата то вместе с ним поднимается и сам чат. Который открывается при нажатие на кнопку
Другие попутки поменять или добавить, безрезультатно
Сам чат и кнопка лежат , скорее всего, в одном контейнере, Далее у кнопки есть свой контейнер, до него вам и нужно добраться, используя id.class.
А лучше киньте ссылку, на месте оно как-то проще.
Сайт alladin.market
Как вариант:
$(document).ready(function(){
$(‘__replain_widget’).css(‘top’,‘100px’);
});
Надо тестить. Тут,мб, придется много отлавливать событий.
А нет ли у plain настроек в лк?
К сожалению нету. Есть только поменять цвет и редактирование текста
Тоже тестить:
Получается у меня css находятся в модуле my_changes. Туда путь указывать?
Берет от корня, например site/style.css
Поспешил(, в вашем случае 1 вариант должен сработать.
$(document).ready(function(){
$("#__replain_widget").css(“top”,“100px”);
});
ps кавычки при копировании с форума изменяются, не забудьте поменять.
У вас вместе с div тянется iframe вложенный в div , надо отлавливать клик по иконке и подсовывать стиль для iframe.
В итоге для div достаточно top…!important,
а для iframe все же пробуйте
var css = document.createElement(“link”)
css.href = “style.css”;
css.rel = “stylesheet”;
css.type = “text/css”;
frames[’__replain_widget_iframe’].document.body.appendChild(cssLink);
Еще вариант отлавливать клик по div и менять тор на 0px или класс биндить.
Спасибо! Но у меня не работает. Походу что то делаю не так
Кто исправил это Баг
В настройках самого виджета есть задать высоту