2016-04-30 9 views
0

私はreveal.jsサイトで次のコードがあります。reveal.jsフォントサイズ

<head> 
    <style type="text/css"> 
    ol li { 
      font-size: 5px; 
    } 
    </style> 
</head> 
<body> 
<div class="reveal"> 
    <div class="slides"> 
     <section> 
      <h3>foo</h3> 
      <ol> 
       <li value=2> 
        bar 
       </li> 
       <li value=4> 
        baz 
       </li> 
      </ol> 
     </section> 
    </div> 
</div> 

を私が注文したリスト内の数値の大きさが、私は追加のCSSスタイルを変更したいですそれを達成しません。私が上書きしなければならない特定のクラスreveal.jsはありますか?

答えて

2

使用しているテーマのCSSファイルを変更するだけです。

テーマファイルは、(下記の1がヘッダーのためです)あなたは、そのファイルを開いた場合は、別のフォントのセクションが表示されます

/css/theme/[yourtheme].cssフォルダにあります。変更したいテーマの特定の要素を担当するCSSを探したいと思うでしょう。

.reveal h1, 
.reveal h2, 
.reveal h3, 
.reveal h4, 
.reveal h5, 
.reveal h6 { 
margin: 0 0 20px 0; 
color: #eee8d5; 
font-family: "League Gothic", Impact, sans-serif; 
line-height: 0.9em; 
letter-spacing: 0.02em; 
text-transform: uppercase; 
text-shadow: none; } 

ここでは、テキストのフォントを含むさまざまな属性を変更できます。

希望すると便利です。 その他ご不明な点がありましたら、お気軽にお問い合わせください。

関連する問題