Hello,
I am trying to tweak the font size as the default seems to me too small.
My rise.css looks like:
.reveal,
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
font-family: "Sans-serif";
}
.reveal h1 { font-size: 4.2em; }
.reveal h2 { font-size: 3.45em; }
.reveal h3 { font-size: 2.7em; }
.reveal h4 { font-size: 2.25em; }
.reveal h5 { font-size: 1.95em; }
.reveal h6 { font-size: 1.8em; }
.reveal p{
font-size: 2.1em;
}
.reveal ul { font-size: 2.1rem; }
.reveal ul ul { font-size: 1.5rem; } /* Nested lists smaller */
.reveal ol { font-size: 2.1rem; }
.reveal ol ol { font-size: 1.5rem; }
.reveal pre,
.reveal code,
.reveal pre code {
font-size: 2.0em !important;
}
All elements seem to resize correctly except code blocks. How do I target them effectively in css? Sorry if the question is trivial, I’m a css newbie.