Белый фон на CSS Like Box - PullRequest
1 голос
/ 08 ноября 2011

Текущие темные / светлые стили для FB Like Box не работают на прозрачном / полупрозрачном макете страницы.Поле «Мне нравится» в итоге наследует атрибуты страницы, становясь прозрачным.

Я попытался сбросить поле «Мне нравится» в Facebook, создав файл fb.css с необходимыми исправлениями и добавив css = "fb.css"в код, как указано, работал на этом форуме.Однако, похоже, это не сработает.

Есть ли способ заставить FB Like Box иметь простой белый фон при использовании на прозрачной странице?Я смог сделать это в firebug, отредактировав атрибут .connect_widget {background-color: #FFFFFF;}

Веб-сайт, о котором идет речь, http://www.laudanumonline.com,, как поле в правом нижнем углу.

Спасибо за любую помощь.

Ответы [ 6 ]

0 голосов
/ 09 января 2014

Я использую это, и это работает.:) Поместите код в конец вашего CSS-файла.

span>iframe{background:#ffffff !important;}
0 голосов
/ 13 августа 2013

Самый простой способ - добавить style = "background: #fff;" к элементу

0 голосов
/ 10 мая 2012

Почему бы просто не поместить этот виджет соединения в одну таблицу ячеек и сделать фон таблицы белым?Это то, что я сделал на www.earthakitt.com (внутренние страницы, а не домашняя страница) в колонке справа.

0 голосов
/ 06 января 2012

Вы не можете стилизовать div ".connect_widget", но вы можете стилизовать iframe, в котором он находится, или даже div, в котором находится iframe. В моем случае мой блок лайков находится в div "# fb-platform «Так что я могу легко сделать это:

#fb-platform iframe {background-color: #fff; }

или

#fb-platform .fb-like-box {background-color: #fff; }

Любой из этих параметров работает нормально.

Поле «Мне нравится» по-прежнему прозрачно, но родительский iframe / div - нет, поэтому - белый фон.

0 голосов
/ 08 ноября 2011

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

Один из способов сделать это - добавить стиль как встроенный стиль с помощью некоторого jQuery. Что-то вроде

$('.connect_widget').css({'background-color':'#fff');

Однако вам, вероятно, потребуется установить это событие, если только окно не отображается при загрузке страницы.

0 голосов
/ 08 ноября 2011

Вы можете попробовать использовать !important, чтобы переопределить стили, установленные Facebook:

.connect_widget {background-color: #fff !important;}
...