Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Перенести виджет с лева на право


Recommended Posts

Добрый день, друзья!
Установил виджет обратного звонка, а он стандартно отображается с лева. Как его перенести в право? 
Виджет smartlid, добавил скрипт в файл home, а так же, есть отдельная папка с виджетом. Где и какие коды нужно прописать??!
lD3bhFLXM8s.jpg

Надіслати
Поділитися на інших сайтах


Надо смотреть файл стилей виджета, скорее всего /smartlid/style.css или /smartlid/css/style.css

Там ищем что-то типа:

.smartLidBtn {
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 50px;
  z-index: 5;
}

И вместо left: 20px; делаем right: 20px; виджет будет справа, но и открываться список будет вправо и кнопок не будет видно. Надо найти еще эти стили:

input:checked ~ .btn-list li:nth-child(1) {
  left: 60px;
}

input:checked ~ .btn-list li:nth-child(2) {
  left: 120px;
}

input:checked ~ .btn-list li:nth-child(3) {
  left: 180px;
}

и можно сделать так:

input:checked ~ .btn-list li:nth-child(1) {
  left: -60px;
}

input:checked ~ .btn-list li:nth-child(2) {
  left: -120px;
}

input:checked ~ .btn-list li:nth-child(3) {
  left: -180px;
}

Или можно в своих стилях переопределить вид для #smartLidBtn, .callForm, .requestForm

Или ссылку на сайт покажите, чтобы хрустальный шар не мучить.

Надіслати
Поділитися на інших сайтах


Если файл /smartlid/css/style.css действительно изменили и он сохранился, то возможно он закэшировался просто, потому что на сайте в файле изменений не видно. И вот это 

<!-- Таблица стилей smartlid--> 
<link href="smartlid/css/style.css" type="text/css" rel="stylesheet">

надо перенести в header.

Если правки внести, то будет выглядеть вот так:

 

op3.png

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.