コピペでOK。JINでblockquote(引用)アイコンの大きさを調整する方法。

この記事ではワードプレステーマ「JIN」でblockquote(引用)アイコンの大きさを調整する方法をご紹介しています。
簡単なコピペで完了します。参考にしてください。

blockquoteアイコンサイズ調整

僕がワードプレステーマJINを使いはじめてしばらく立ちますが、ふと「blockquoteのアイコンの大きさが少し大きいな」と思ってしまいました。

↑こんな感じです。端っこの「“”」が文字にかぶってしまっていて、なんだか気になる。

これを、

↑こんな感じに小さく調整してみました。
簡単なコピペで終わります。

追加CSSにコピペ

手順を紹介します。

外観→カスタマイズ→追加CSS→文字列貼り付け

という流れです。

まず外観→カスタマイズ、

→追加CSSまで行きます。

そして以下の文字列をそのまま貼り付けます。

/*---引用アイコン上部---*/
  .cps-post-main blockquote:before {
    top: 0px;/*アイコン位置上移動*/
    left: 0px;/*アイコン位置左移動*/
    font-size: 2rem;/*アイコンサイズ*/
}
/*---引用アイコン上部---*/
/*---引用アイコン下部---*/
  .cps-post-main blockquote:after {
    bottom: 0px;/*アイコン位置下移動*/
    right: 0px;/*アイコン位置右移動*/
    font-size: 2rem;/*アイコンサイズ*/
}
/*---引用アイコン下部---*/

↓こんな感じ。