Login  Register

<pre> tags for custom.css and reveal.js don't work

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
1 message Options Options
Embed post
Permalink
Reply | Threaded
Open this post in threaded view
| More
Print post
Permalink

<pre> tags for custom.css and reveal.js don't work

Daniel Hinojosa
Hey all, I am trying to change the look and feel of a <pre> tag and it refuses to change the font.  Any help would be great.

Here is my customization for <pre>. It adheres to size but ignores font-family and wants to keep it as "monospace".

.reveal pre {
   display: block;
   position: relative;
   width: 90%;
   margin: 20px auto;
   text-align: left;
   font-size: 1em;
   font-family: 'Source Code Pro';
   line-height: 1.2em;
   word-wrap: break-word;
   box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
   white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;      /* Opera 4-6 */
   white-space: -o-pre-wrap;    /* Opera 7 */
   word-wrap: break-word;
}