紺碧の空3

北海道をノマド的に生きる日々の覚書き

ブログツール 技術覚書

twitter タイムラインを埋め込み、背景色を変更

投稿日:

twitterの公式埋め込みコードがシンプルで使いやすくなってからはあまり考えずにブログ等に埋め込んでいた。

背景色を、ほかのウィジェットと揃えたかったんだけど、普通にクラスにbackgroundやbackground-colorを指定しても色が変更されない。

ウィジェットのフレームに公式対応しているのは色が明るめか、暗めか、
data-chrome=”transparent”

の指定だけ。透明にするんですね。

そっか!一度透明にしてやればいいのか。

フレームの呼び出しコードのほうには、上記透明を指定して、スタイルシートで

.twitter-timeline{
	background-color:#f3f3f3
}

を指定して(薄いグレー)無事解決しました。

スポンサーリンク

スポンサーリンク





スポンサーリンク

スポンサーリンク





-ブログツール, 技術覚書
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

wix( CMSタイプのオンラインホームページビルダー)を使ってみた

今日はやろうと思ってたタスクを三つくらい残してしまったけどもう挫折したのでカーリング見ながら与太話を。 最近、前の記事にも書いたけど仕事でCMSサービスを探したり、蜃気楼の情報をまとめたりしたかったの …

no image

WordPressのバージョンアップ

2.8.5-ja→2.8.6-jaにアップグレード。備忘録です。

スマホ用smart.cssでブログタイトルの表示

おまけ。スマホから表示したとき、ブログタイトルが先頭にでないのが気になって、smart.cssをいじりました。QAにやり方が載っていた。 スマートフォンでのヘッダー画像の表示 あとは表示位置を調整した …

no image

ページナビゲーションの修正

トップページの「次ページへ」リンクが正常に動かない問題、修正しました。 またまた解説の見落とし・・・特定のカテゴリを除外してトップページに表示する場合、注意事項があったようです。 参考: スゴク便利な …

テンプレート「Stinger」の導入とほかにやったこと。

wp3.8に(いきなり)upしたら、ダッシュボードがjqueryつかいまくり(かどうかしらんけど)な感じにひらひら動きまくったので、おもわずツイってしまった程だった。 あっ、前の記事に書かなかったけど …