餡のいろ

日々の調べたこと色々メモ。

デザインテーマのCSSを確認する

CSSをテキトウにいじっているけど、デザインテーマで設定されている元のCSSはどうなっているんだろうとソースを確認してみました。

 

ダッシュボード > デザイン > カスタマイズ(レンチマークアイコン) > デザインCSS

にデフォルトで入ってくる

 

@import url("https://~");

にあるURLをブラウザで開くとCSSが表示されるのでファイルに保存してじっくり確認することができる。

デザインテーマ「Minimalism」の記事本文のフォントサイズは15px、line-heightは34px(広い!)、padding-bottomは10px、マージンは上0、右0、下1em、左0ということがわかる。
------------------------------------------------
MinimalismのCSS 抜粋
------------------------------------------------
/* entry-content の中の書式 */
.entry-content {
font-size: 15px;
line-height: 34px;
padding-bottom: 10px;
border-bottom: 1px solid #ECEEF1;
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
}
.entry-content p {
margin: 0 0 1em 0;
}
------------------------------------------------