I настройка стандартного знака на https://developers.google.com/+/plugins/badge/configКак изменить стили css значка Google Plus?
Для него Google+ рендеринга iframe-контента. Как я могу менять стили классов внутри iframe?
Вы не можете изменить его, поскольку код google plus отсутствует на вашем сервере. Вы можете изменить только CSS iframe, если ваша страница и код iframe находятся на одном сервере.
На данный момент кажется, что в настоящее время нет способа это сделать. Я попытался редактирование CSS, чтобы избавиться от назойливой границы и белого фона:
.yeb {
background-color: none !important;
border: 0px solid gainsboro !important;
}
Но так как CSS в сервере Google вы не можете переопределить IFrame. Это ток feature request на форумах Google.
Вы можете сделать небольшой трюк:
HTML, для фрейма:
<div id="social_gplus_circle">
<div id="social_gplus_circle_inner"><g:plus href="https://plus.google.com/105379671042990608528" size="smallbadge"></g:plus></div>
</div>
CSS-за трюка:
#social_gplus_circle{overflow: hidden;width: 105px;height: 45px;padding-top: 7px;}
#social_gplus_circle_inner{overflow: hidden;position: relative;top: -20px;left: -130px;height: 50px;width: 276px;}
iframe{display: block!important;}
я не сделал это сам, я получил это с форума google.
Однако, похоже, Google использует не только файлы iframe, но и javascript append, в настоящее время у меня проблема с ним, потому что у меня есть предопределенный css для таблиц, а кнопка google + также использует его, так что это немного беспорядочно, некоторые часть «пузыря» разбилась. – tildy
Я знаю это. Я спрашиваю об альтернативных способах изменения CSS-стилей. У него есть подобный Facebook. –
Да, из-за политики на разных площадках вы не можете ничего с этим поделать. Пока Google не предлагает способ изменить его. Вы всегда можете добавить границу в iframe или изменить размер iframe, но не изменять, что внутри iframe. – Applehat