紺碧の空3

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

ブログツール 技術覚書

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

投稿日:

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

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

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

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

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

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

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

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

スポンサーリンク

スポンサーリンク





スポンサーリンク

スポンサーリンク





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

執筆者:


comment

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

関連記事

no image

ページや投稿やカテゴリのIDをカンタンに取得

サイドバーの固定ページリストから特定のページを除外 にもメモっているのだが、phpMyAdminをつかえば、各投稿などのIDを確認できる。 でも、使ってるうちに裏技に気づいた。メモってなかったけど。 …

no image

WordPressのロゴ(ブログタイトル)を画像に変更する

以前購入したMTの参考書に、「ロゴを画像に変更する」という章があり、同様の事をWordPressで挑戦。 まずはどこから手をつけたらいいかわからないので「wordpress タイトル 画像 変更」あた …

ロリポップへの引越し、データ移行でやったこと(概要編)

疲れました。。。。 ここまでやるつもりはなかった?ところまで一日でやってしまった。 というか、寄り道が多かった。 でも今書かないと、絶対に絶対に忘れる!と思ったので、作業メモを作ります。 Conten …

font_awesome_memo

Font AwesomeのSolidタイプのフォントでハマった話

このブログでもFont Awesomeで、H1タイトルの前に、電球マーク出してます。 どうも、CSSに同じように書いても、出てくるアイコンと出てこないのがあって・・ Freeとかの差?と最初思いました …

no image

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

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