Schick

Grid Layoutでデザインしたモバイルファーストに最適化したユーザーフレンドリーな見やすくてシンプルなデザイン構成です。
どんな大きさの画面でも見やすく、ヘッダー画像もレスポンシブデザインに対応しています。
iPhone iPadの縦向きは1カラム、PC iPadの横向きは2カラムレイアウトになります。

記事一覧アーカイブページカテゴリーページ最新記事ページ有料会員用トップページはPCとiPadは2列のカード型になります。

質問などはこちらのコメント欄にお願いします。
質問などお問い合わせ
 今すぐ直接書く場合はこちら

はてなブログ用CSSエントリー記事一覧
はてなブログ用CSS

CSS用変換ツールエントリー記事一覧
CSS用変換ツール

テキスト⇒画像コンバーターエントリー記事
テキスト⇒画像コンバーター

テーマSchickのブログタイトルの最初の1文字の色を、他の文字と同じ色にする場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。

/* ブログタイトルの最初の1文字の色を、他の文字と同じ色にする */

#title a:first-letter, 
#title a:hover:first-letter{
    color: inherit;
}

テーマSchickのサイドバーのタイトルを中央に配置したい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。

/* サイドバーのタイトルを中央に配置する */

.hatena-module-title {
    text-align: center;
}

テーマSchickのサイドバーをモジュールごとに、配置したい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。

/* サイドバーをモジュールごとに配置する */

@media (min-width: 992px) {
    #box2-inner {
        background-color: hsl(0 0% 0% / 0); 
        border-radius: 0;
        box-shadow: none;   
    }
    .hatena-module {
        border-radius: 2px;
        box-shadow: 0 0 2px hsl(0 0% 0% / .18);
    }
}

テーマSchickのサイドバーの背景色を消したい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。

/* サイドバーの背景色を消す */

@media (min-width: 992px) {
    #box2-inner {
        background-color: hsl(0 0% 0% / 0); 
        border-radius: 0;
        box-shadow: none;   
    }
    .hatena-module {
        background-color: hsl(0 0% 0% / 0); 
    }
}

テーマSchickのアーカイブページ(記事一覧ページ)のカード型デザインの枠線を消したい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。

/* 追加 枠線を消す */

.page-archive .archive-entry {
    border: none;
    box-shadow: none;
}

テーマSchickのサイドバーの注目記事のランキングカウンターを消したい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。

/* ランキングカウンターを消す */

.entries-access-ranking li::before {
    content: none;
}
.entries-access-ranking li:nth-of-type(-n + 10)::before {
    background-color: transparent;
}
.entries-access-ranking .urllist-date-link,
.entries-access-ranking .urllist-title-link {
    margin-left: 0;
}