以前 Bloggerのテンプレートを変更してみた で書きましたが、このブログのテンプレートを変更しました。最近まで気付かなかったのですが、テンプレートを変更した結果、zenbackのtwitterリストがやたらと見辛くなっていました。

zenbackは、ブログパーツのid／class構造とcssについて という記事でスタイルを公開してくれているので変更してみました。



zenbackのCSSでは要素にimportantが指定されてしまっているので、変更できるのか一瞬悩んだのですが、zenbackの指定するスタイルはwidgetで読み込まれているので、widgetを指定した直後に style を指定(上書き)することで期待する動作になりました。

<!-- X:S ZenBackWidget --> <script type="text/javascript"> document.write(unescape( ... +unescape("%3E%3C/script%3E")); </script> <!-- X:E ZenBackWidget -->

1 2 3 4 5 6 7

<!-- X:S ZenBackWidget --> <script type="text/javascript">   document.write(unescape(   ...   +unescape("%3E%3C/script%3E")); </script> <!-- X:E ZenBackWidget -->

というような記述をWidget(ブログパーツ)としてブログに組み込んでいると思いますが、その直後に以下のようなスタイルを追加します。

<style type="text/css"> .zenback-twitter ul.zenback-nodesign li a { text-decoration:underline !important; font-weight:normal !important; background:none !important; font-style:normal !important; color:#1e90ff !important; } </style>

1 2 3 4 5 6 7 8 9

<style type="text/css"> .zenback-twitter ul.zenback-nodesign li a {     text-decoration:underline !important;     font-weight:normal !important;     background:none !important;     font-style:normal !important;     color:#1e90ff !important; } </style>

今回は、twitterの呟きの一覧でリンク部分の色を変えたかったので color を変更しました。

他の部分を変えたい場合は、先ほどのブログパーツのid／class構造とcssについて を見て、必要なスタイルを探し出してWidgetの後で上書きしてみてください。

---

最後まで読んでいただきありがとうございます。

左のアイコンをクリックして、このブログを Feedly に登録していただけると嬉しいです


Facebook ページでも情報を発信していますのでよろしかったら「いいね！」をお願いします

RSSリーダへの登録は こちら からどうぞ。