Facebook наподобие всплывающего окна комментариев кнопки наполовину.

Question

Я использую Twenty Eleven тему Wordpress.

В других темах проблем нет, но в двадцать одиннадцать есть проблема с Facebook, как всплывающее окно комментариев кнопки. это наполовину показано. когда я нажимаю кнопку "Мне нравится", вид такой:

---

---

Я использую плагин Facebook для Wordpress. Как я могу исправить эту проблему?

Спасибо большое за вашу помощь!

Answer 1

Это ошибка в Twenty Eleven (и нескольких других темах, возможно, вставленных копиями). Откройте ваш style.css и найдите:

embed,
iframe,
object {
  max-width: 100%;
  width: 100%;
}

Если вы удалите линию максимальной ширины, она должна работать! Возможно, есть более элегантное решение, но, честно говоря, я не знаю, почему размер фрейма всегда должен быть ограничен его контейнером (в данном случае кнопкой FB).

Answer 2

Может быть, это лучший способ сделать это! Поместите класс в свой элемент Facebook Like Button, в этом случае я использовал класс "fb-like".

.fb-like iframe,
.fb_iframe_widget iframe {
    max-width: none;
}

Answer 3

Поиск / тестирование для многих решений Я нашел решение, которое скрывает окно комментариев (источник здесь: /questions/47189776/okno-facebook-kogda-vam-nravitsya-kogda-stranitsa-zakryivaetsya/47189811#47189811), а затем написал решение, которое показывает окно, не отображаясь пополам. Я не программист, но из своего небольшого опыта настройки плагинов WordPress я придумал эту идею:

.fb-like {
    z-index: 200;
    position: absolute;
}

Скопируйте / Вставьте его в свой пользовательский файл темы CSS. Значение z-index может быть изменено даже до 10000, если вы хотите, чтобы ваше окно было поверх всего. Если вы хотите скрыть окно комментариев, используйте решение, предоставленное по ссылке выше, со значением 27px вместо 20px.