Работа с виджетами

[virazr]

Есть 2 виджета: jivosite и mango. Правда один перекрывает другой. Как поднять виджет mango выше? 

Cайт: olimpciti.ru

[dima669]

.mango-callback .widget-wrapper.common-window.selected-dynamic{
	margin-bottom:32px !important;
}

 

[virazr]

24 минуты назад, dima669 сказал:

.mango-callback .widget-wrapper.common-window.selected-dynamic{
	margin-bottom:32px !important;
}

 

Сорри за глупый вопрос, но в какую строку кода нужно это вставить?

[dima669]

Например сюда:
catalog/view/theme/default/stylesheet/stylesheet.css
И кэш в браузере обновить после этого надо(ctrl+f5 или shift+f5)

[krluch]

Открываешь гугл и в поисковой строке вводишь "css это", а дальше сам разберешься. Всё довольно просто и понятно

[virazr]

16 часов назад, dima669 сказал:

Например сюда:
catalog/view/theme/default/stylesheet/stylesheet.css
И кэш в браузере обновить после этого надо(ctrl+f5 или shift+f5)

Спасибо! Идеально!!!

Подскажи, как отдельно для мобильных настроить расположение? А то в мобильной версии значки виджетов все равно "наезжают" друг на друга. 

[dima669]

Там тонкость в том, что jivosite меняет свою форму не в стилях от ширины экрана, а через javascript в зависимости от типа устройства.
Поэтому варианта два:
1. Изменить высоту расположения кнопки с 32px на что-нибудь побольше, например 72px

2. Или так же написать javascript обработчик, который будет менять высоту расположения кнопки в зависимости от типа устройства.