PC用画面において、サイドバーのデザインをカスタマイズ方法を紹介します。
以下のコードをCSSに入れるとカスタマイズできます。
/*モジュールのタイトル*/
.hatena-module-title{
padding-left: 5px;
padding-bottom: 3px !important;
border-bottom: 3px solid #190710;
border-left: 3px solid #e2c7d5;
font-size: 12pt;
color: #190710;
font-weight: bold;
}
/*プロフィールのフォントサイズ*/
.profile-description {
font-size: 9pt;
}
/*モジュールのフォントサイズ*/
.hatena-module-body {
font-size: 9pt;
}
/*人気記事一覧のフォントサイズ*/
.urllist-item-inner.entries-access-ranking-item-inner{
font-size:10px;
}
/*最新記事一覧のフォントサイズ*/
.urllist-item-inner.recent-entries-item-inner{
font-size:10px;
}