Ghostのコードセクションでフォントサイズを編集するには

Question

私はブログプラットフォームとしてGhostを使用しています。 私は自分のコードをstackoverlfowのように `` `の間に置いています。 これはうまくいきますが、私のコードのテキストサイズは大きくなります。

私はいくつかのCSSを知っていますが、どのようにどこでこのサイズを変更できるのかわかりません。

Answer 1

これらのコードブロックは要素（最も可能性の高いコードまたは事前に<にラップされています）にラップされますが、ブラウザで右クリックして[inspect]を選択すると、CSSを適用する要素を確認できます。あなたは、コードを見てみましょう、それがに包まれているHTML要素のどのような種類が表示されます点検

例を：あなたは変更する必要がどのような要素を知ったら This is inside code element

This is inside pre element

あなたはCSSでそれをターゲットにすることができますCSSスタイルファイルに追加します。

pre{ 
 
font-size:18px; 
 
color:red; 
 
} 
 

 
code{ 
 
font-size:16px; 
 
color:blue; 
 
}

<pre>Sample code using pre</pre> 
 

 
<code>Sample Code using code</code>