紺碧の空3

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

ブログツール 技術覚書

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

投稿日:

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

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

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

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

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

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

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

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

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

執筆者:


comment

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

CAPTCHA


関連記事

googleスプレッドシートの内容をgoogleカレンダーに読み込む

前から懸案だった、googleスプレッドシートに入力済みの表形式データをgoogleカレンダーに自動で読み込ませるスクリプトを作った。 この表は観測記録なので、日付データとそれに紐づく観測場所や内容が …

no image

トップページに特定のカテゴリだけ表示

やっと新PCのセットアップなども落ち着いてきたので、久しぶりにブログ構築作業に戻りました・・・ この間、あれやこれやとプラグインを出し入れしていた気がするが、何もメモっていない。。 まあ仕事の癖でバッ …

仮想サーバーと静的サイトジェネレーターとGitHubと

2022年の元旦にこれをかいています。 あけましておめでとうございます。 ちなみにスマホ+blキーボード+ブラウザからログインしたWPで。うーん、一応ダッシュボードもsp対応はしてるみたいだけど使いに …

googleフォーム→googleカレンダー連携→zapier!

はっ、googleフォーム使ってみた話、書いてなかったっけ・・・ そこからか・・・ 【要求仕様】 ・蜃気楼観測記録を、フォームからプルダウンなどで選択して簡単に定型メール送信できないか。 ・ユーザは私 …

no image

simple tweet をやめてWP Tweet Button 設置

この春以降・・・いつのころからか、simple tweetが動作しなくなってしまった。結構調べたのだけど、原因不明。他のプラグインとの干渉?もしくはOAuth設定が上手くいっていないか・・・ いずれに …











スポンサーリンク