私はアプリをビルドしています。私はsocial-share-button
gemを使ってソーシャル共有へのリンクを表示しています。レイルズアプリでSocial-share-button CSSを変更した後に不要な余分なテキスト
(写真参照)、これはこのように表示され
google developer tools
で
(写真参照)私は、社会のシェアボタンの外観をスタイリングし、その後、それは常にアイコンの下に不要なテキストを表示するですそれは私のコードではありませんので
は私がのhref =「#」>」テキスト「に共有する」このを取り除く方法については、空白のままだ。
をで私はこのコードをここに
<div class="container-fluid">
<div class="row product_top">
<% @products.each do |product| %>
<div class="col-lg-3 col-sm-6 col-xs-12 center-block " >
<%= link_to product_path (product) do %>
<%= image_tag product.image.url(:medium), class: "img-responsive" %>
<% end %>
<div class="product_description">
<h5><%= link_to product.title, product %></h5>
<p><%= product.description %></p>
<p class="price"> <%= number_to_currency(product.price_usd, :precision => 0) %></p>
<p><%= social_share_button_tag(product.title) %></p> #This is were the problem is#
</div>
</div>
<% end %>
そして私は、この不要なテキストが表示されているCSSをカスタマイズした後 `application.css.scss``
.social-share-button-facebook {
position: relative;
background: none;
margin-right: 5px;
}
.social-share-button-facebook:before {
display: inline-block;
font-family: FontAwesome;
width: 16px;
height: 16px;
content: "\f09a";
color: #555;
font-size: 1.5em;
}
でのCSSコードである必要があり。ここ
を更新し
config/initializers/social_share_button.rb
SocialShareButton.configure do |config|
config.allow_sites = %w(twitter facebook google_plus pinterest)
end
は、誰もが同じ問題を経験しているのですか? 誰かがこれについて私の助けを与えることができますか?事前に
おかげ
D
冗談は私:)上にある
を働いている
assets/javascript/application.js
に
//= require social-share-button
を追加することでしたあなたは私たちに 'social_share_button_tag'のコードを表示することができますか?私は非常に強く、htmlクラスのセクションで '翻訳が不足しています 'ということを見ています...あなたはオブジェクトや何かのさまざまな状態のクラスがあることに頼っていますか?あなたは本当に状態がすべてクラスを持っていることを二重にチェックしましたか?これを確認するにはどうしますか? –これをチェックする方法がわかりませんが、これは本当に不慣れですが、私はこの問題を解決するためにこの宝石を使用していますが、これはCSSを修正した初めてのものです – DaudiHell
'product.title'から出てくるのですか? –