2014年11月12日 (水)

記事の日付部分に表示される黒い帯の色を変える方法

当ブログの記事の日付は、表示されている部分の背景が「黒い帯状」になっています。


これを新たに設置したり、別の色に変える場合の編集方法をご案内します。



Title01

該当部分は、CSS で制御されているので、管理画面にて CSS の編集を行います。

    1. 画面上部のメニューから [ブログ管理] - [デザイン] をクリックする。

      Custam0101



    2. [カスタムCSSウィザード] をクリックする

      Custam0112



    3. 左メニューの [カスタムCSS] をクリックする

      Custam0607



    4. 以下のソースコードをコピーし、入力項目に貼付ける
.date-header {
    background: none repeat scroll 0 0 #000;
    color: #fff;
    margin-bottom: 20px;
    padding: 2px 5px;
    text-align: center;
}
    • 「background: none repeat scroll 0 0 #000;」の「#000」が黒い帯の部分の色を指定する部分です。任意のカラーコードに変更してください。
      今回は、「#888」としグレーにします。


  1. [適用] ボタンをクリックする

    Custam0609



  2. 右上の [変更を保存] ボタンをクリックする

    Custam0610




上記の変更を行うと、黒い帯の部分が以下のようにグレーになります。

Title02