Как установить отступ / маржу для кнопки Google +1 в WordPress? - PullRequest
Новая
       35

Как установить отступ / маржу для кнопки Google +1 в WordPress?

2 голосов
/ 29 января 2012

http://healthybodyguru.com

Если вы загрузите сайт и подождете 3 секунды, в заголовке появится строка ВниманиеGrabber . Он имеет шорткоды для добавления социальных кнопок (FB, Twitter, G + 1), но по какой-то причине кнопка Google +1 слишком высока.

Я пытался добавить пользовательский CSS, чтобы уменьшить его, добавив отступ / отступ, но это не имело значения.

Есть идеи, какой CSS я могу использовать, чтобы он соответствовал другим социальным кнопкам?

Спасибо!

Ответы [ 5 ]

3 голосов
/ 29 января 2012

Попробуйте установить: 

#___plusone_0 {
    font-size: default; !important
}

Переопределить встроенные стили CSS с помощью ! Important .

2 голосов
/ 02 февраля 2012

Решение было добавить: 

#attentionGrabberWrap .plusoneBtn iframe{
   margin-bottom: -3px !important;
}

Я получил помощь от создателя плагина:)

1 голос
/ 29 января 2012

попробуйте разместить тег span вокруг кнопки Google +1 и добавьте эту верхнюю часть. 

<span style="padding-top:5px;">[shortcode]</span>

Я не знаю, пытались ли вы это сделать с помощью пользовательского css, но если нет, то попробуйте и посмотрите, что произойдет. тег стиля в html должен переопределять любой стиль, который таблица стилей дает элементу.

0 голосов
/ 16 июля 2016

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

<br><div class="g-plusone" data-annotation="none"></div><span style="font-size:33px;opacity:0;">G</span>
0 голосов
/ 30 января 2012

Как видите, мне нравятся div, а не span. Я всегда получал лучшие результаты от div'ов, чем от spans, когда играю css. 

<div id="attentionGrabber">

  <div id="centeredPart" style="width: 575px; margin:0 auto">

    <div style="float:left;" class="facebookBtn">
      ...like code....
    </div>  

    <div style="float:left;" class="twitterBtn" >
      ...twitter code...
    </div>  

    <div style="float:left;" class="plusoneBtn">
      ...+1 code...
    </div>

    <div style="float:left;" class="linkToForums">
      Check out our new forums:
      <a class="link" href="http://healthybodyguru.com/forum/">go!</a>
    </div>

    <div style="clear:both"></div>

  </div> 

 <div id="closeAttentionGrabber"></div>


</div>
...