tumblrをやっている方、jsやcssに詳しい方教えて下さい

tumblrで投稿する時、テキストの背景に色がつくようにするにはどうすればいいですか？
2年くらい前にはpreタグを使用することで簡単にできていたのが、今は試してもできない感じなのです。

http://i.imgur.com/4u0x0Z5.jpg
こんなふうにテキストの背景に色がつくようにしたいですが、どうすればできますか？

質問者からの補足コメント

• ご回答ありがとうございます。
  この記述はtumblrのedit themaからカスタムテーマ、editHTMLへと進み、
  そこに記述するのでしょうか？その場合、どのあたりに記述すれば良いですか？
  ポストする際に、text editorでHTMLやマークダウンでも記述してみましたが、反映されないようです。

  No.1の回答に寄せられた補足コメントです。 補足日時：2016/05/12 13:54

• 再びご回答ありがとうございます。
  カスタムCSSの方に追加してみました。
  これは、ダッシュボードの方でも反映されるのでしょうか?
  投稿した時に、テキストの背景がダッシュボード上で画像のように色付きにしたいのですが、これがどうもできません。
  投稿の際に右上の歯車アイコンからhtmlに変更しpreタグを使ってやるのは違うのでしょうか?
  投稿するときの設定のやり方はどのようにすればよいでしょう?
  何度もすみません、もしご存知でしたら教えていただけますと幸いです。

  No.2の回答に寄せられた補足コメントです。 補足日時：2016/05/13 12:23

No.2 ベストアンサー 回答者： Rugrug 回答日時： 2016/05/12 17:25

No.1です。

次の手順で進めてください。
1.Tumblrにログイン後あなたのトップページを開きます。
2.右上にEdit themeのリンクが有りますのでそこをクリックします。
3.ページ左側にテーマの編集画面が開きますのでそこを一番下までスクロールして詳細設定をクリックします。
4.カスタムCSSを追加をクリックします。
5.No.1のCSSを一番下にコピペしてください。空欄でしたら上で構いません。
6.保存をクリックしてください。

これでできるはずです。

pre {
color: #333333; /*文字色*/
background-color: #eeeeee; /*背景色*/
margin: 10px; /* 背景色から外側の余白 */
padding: 10px; /* 背景色から内側の余白 */
}

もしカラーコードがご存知でない場合は
http://html-color-codes.info/japanese/
でカラーコードを確認して#333333の部分を変更したらその色になります。

この回答へのお礼

2度もご丁寧にありがとうございました。
しかしながら、解決しなかったのでまた質問載せます。
よかったら、またアドバイスもらえると幸いです。

お礼日時：2016/05/20 17:50

No.1 回答者： Rugrug 回答日時： 2016/05/11 17:10

pre {

color: #333333;
background-color: #eeeeee;
margin: 10px;
padding: 10px;
}

このCSSで背景色は薄いグレーで文字色はほぼ黒になります。
余白とマージンを10pxに設定しています。
（marginは灰色の外側の範囲で、paddingはテキストから背景色が変わるまでの余白です）javascript:void%200;