iiie.nagoya

物づくりと生活、"経験"を記事へ

【'19/07/13】
当ブログで使用しているカスタマイズテーマ『riseup』をテーマストアで公開しました。はてなブログを使用している方なら無料でインストールすることが可能です。(はてなProでの利用を推奨しています)

詳細は以下のページに記載しています。
https://www.iiie.nagoya/entry/2019/07/13/210356

ブログテーマページはこちら
http://blog.hatena.ne.jp/-/store/theme/17680117127217464048

サイドバーのカテゴリー背景色を変更する【gram】

f:id:gorislog:20190407194632p:plain

 

はてなブログテーマ『gram』のカスタマイズ記事です。

 

gramsample.hatenablog.jp

 

 

サイドバーのカテゴリー背景色を変更する

f:id:gorislog:20190505081807p:plain

 

背景を変更する場合、色によってはサイドバー(フッター)のカテゴリー背景が目立たなくなり、境界がわかならなくなる場合があります。

 

今回は、カテゴリー背景の色を目立たせるために、背景色を変更する方法を記載します。

 

やり方

サイドバーのカテゴリー背景色はCSSを追記することで変更できます。

 

.hatena-module-category .hatena-module-body ul.hatena-urllist li a{
background-color: #fff;
}

 

background-colorのカラーコードを変更すれば、カテゴリー背景色を変更できます。

www.colordic.org

 

f:id:gorislog:20190505081953p:plain

 

  • デザインよりカスタマイズ(スパナマーク)を選択
  • デザインCSSをクリック
  • 表示された領域をクリック

 

f:id:gorislog:20190505082032p:plain

  • 表示された領域にコードをペースト
  • カテゴリー背景色が変更される(例だと#fffなので白色へ変化する)
  • 変更を保存する

 

関連する記事

www.iiie.nagoya