고스트의 코드 섹션에서 글꼴 크기를 편집하는 방법

Question

나는 블로깅 플랫폼으로 고스트를 사용하고 있습니다. stackoverlfow에있는 코드와 마찬가지로```사이에 코드를 넣습니다. 이 코드는 잘 작동하지만 텍스트 크기가 큽니다.

저는 어떤 CSS를 알고 있지만 어딘가에서이 크기를 어떻게 변경할 수 있는지 모르겠습니다.

Answer 1

이러한 코드 블록은 요소 (가장 가능성있는 코드 또는 사전 <>에 싸여 있음)에 래핑되지만 브라우저에서 마우스 오른쪽 버튼을 클릭하고 '검사'를 선택하여 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>