How can I reduce revealjs slide title font size? (And how can I tell what CSS classes to edit for different features?) #13749
Unanswered
jpierkunke
asked this question in
Q&A
Replies: 1 comment 2 replies
-
|
The best and more accurate approach is to use your favourite browser developer / inspect mode. This being said, be sure to read the documentation: https://quarto.org/docs/presentations/revealjs/themes.html#sass-variables |
Beta Was this translation helpful? Give feedback.
2 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Description
I frequently write Quarto revealjs documents. I was able to create a custom.css file with the following code to reduce the font size for main body text on slides that I mark with
{.smaller}:But despite searching, I have not yet been able to figure out how to reduce the default slide title size. Not the size of the title on the title slide, but the size of the title on each of the slides in the presentation. How can I do this?
More generally, I have been struggling to figure out what the CSS classes are for revealjs slides. If I want to adjust slide title font size, or change something about the formatting of unordered lists, where can I look up the name of the relevant CSS classes (like
.reveal), ids (like#title), and/or elements (likeh1) I need to change?Any help is greatly appreciated!
Beta Was this translation helpful? Give feedback.
All reactions