ソーシャルシェアリングモジュールのアイコンカラーの変更について

[ntakata]

ご参加者様　各位

ソーシャルシェアリングモジュールについて困っています。

Twitter、Facebook、メールのアイコンカラーを、

Twitterなら水色に、Facebookなら青色に、メールなら例えばグレーに変更をしたいのですが、現状のモジュール内では個別設定ができません。

恐らくHtmlの書き換えが必要なのだと思いますが、

どの箇所にどのようなコードを入力して良いかがわかりません。

※モジュール内でいうと「スタイル」→「背景」→「カラー」の箇所です。

ご存じの方がいらっしゃいましたらご教示をいただけますと幸いです。

ntakata

[Keit]

@ntakata さま

HubSpotのデフォルトで提供される「ソーシャルシェアリングモジュール」ですが、

そのまま利用するとカスタマイズができない状況です。

デフォルトのものは以下のように、アイコン画像を読み出しております。

マーケティング＞ファイルとテンプレート＞ デザインツール ＞

アセット検索欄に「Social Sharing」と入力し、テンプレートモジュールの複製を行い、

テンプレートのコードを編集することが可能です。

利用するときに読み込みがしやすいので、

複製したテンプレートモジュールにはわかりやすい名前をつけておくと良いと思います。

以上、ご参考になれば幸いです。

[ntakata]

@Keit さん

ご教示をいただきましてありがとうございます。

画像をつけていただき、非常にわかりやすく大変助かります。

素人で本当に恐縮ですが、

該当箇所にどのようなコードを入力すれば希望色に変更できるのでしょうか？

色のコードは調べたのですが、アイコンの背景に適用するためのコードをがわからず・・・

ご存じであれば、コード内容と削除 or 追記場所をご教示いただけますと幸いです。

お忙しいところ恐れ入りますが何卒よろしくお願いいたします。

@ntakata 

[Keit · Accepted solution]

@ntakata さん

1番目の画像の赤枠のコード部分を編集する必要がありますが、HTML／CSSの知識がないと編集は難しいのではないかと存じますので、Webデザイナー／エンジニアにご相談するとよろしいかもしれません。

代替案としましては、以下のアセットマーケットプレイスで、Social Sharing関連のモジュールをダウンロードし利用するのがよろしいかもしれません。

モジュール ＞ 「Social」で検索すると、無料のモジュールが8つほど掲載されております。

ご参考になれば幸いです。

[ntakata]

@Keit さん

ご返信をいただきましてありがとうございます。

ご教示をいただきました無料モジュールも含めて確認をしてみます。

この度はお忙しい中ご回答をいただきましてありがとうございました。

ntakata