Как изменить стили CSS значка страниц Google Plus? - PullRequest
Новая
       30

Как изменить стили CSS значка страниц Google Plus?

1 голос
/ 19 ноября 2011

Я настраиваю стандартный значок на https://developers.google.com/+/plugins/badge/config

Для него Google+ рендеринг контента iframe.Как я могу изменить стили классов внутри iframe?

Ответы [ 3 ]

1 голос
/ 17 мая 2012

В настоящее время кажется, что в настоящее время нет способа сделать это.Я попытался отредактировать CSS, чтобы избавиться от надоедливой границы и белого фона: 

.yeb { 
    background-color: none !important;
    border: 0px solid gainsboro !important;
}

Но так как CSS находится на сервере Google, вы не можете переопределить iFrame.Это текущий запрос функции на форумах Google.

1 голос
/ 25 января 2013

Вы можете сделать маленький трюк:

HTML-код для iframe: 

<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.

0 голосов
/ 07 декабря 2011

Вы не можете изменить его, потому что код Google Plus отсутствует на вашем сервере. Вы можете изменить CSS iframe, только если ваша страница и код iframe находятся на одном сервере.

...