2016-04-30 14 views
0

Ich habe den folgenden Code in einer reveal.js Website:reveal.js font-size für li Elemente

<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> 

ich die Größe der Zahlen in der geordneten Liste, aber die CSS-Style Ich habe ändern wollen schafft das nicht. Gibt es reveal.js spezifische Klassen, die ich überschreiben muss?

Antwort

2

Ändern Sie einfach die CSS-Datei des Themas, das Sie verwenden.

Das Thema Datei befindet sich in dem Ordner befindet /css/theme/[yourtheme].css

Wenn Sie diese Datei öffnen, werden Sie einen Abschnitt für die verschiedenen Schriftarten sehen (die unten für einen Header ist). Sie würden nach dem css suchen, das für das bestimmte Element des Themas verantwortlich ist, das Sie ändern möchten.

.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; } 

Hier können Sie die verschiedenen Attribute, einschließlich der Schriftart, Ihres Textes ändern.

Hoffe, das hilft! Wenn Sie weitere Fragen haben, fragen Sie bitte!

Verwandte Themen