How to get rid of logo ?

[Andrzej-Andrzej]

Description

Hi All,
I like that theme:
https://github.com/beatrizmilz/quarto-rladies-theme
quarto-rladies-theme?tab=readme-ov-file)
but I want to get rid of the logo and maximize column height.
I followed installation instructions, so this template is installed.
I want to use max space for code and output panels in my Quarto revealjs presentation.
How do I do it, please ?
In the following picture there is plenty of space, but I do not know how to expand that window with code. When I go full screen in firefox it does not auto-stretch fully.
I tried to remove logo from folder that was created during installation, but it is still there after rendering in RStudio.

I am using newest Quarto version, on windows 10, R 4.4.1.
Even when I have got more code in the chunk, there is still not fully used space for better display and readability.
kind regards,
Andrzej

title: "[My title]"
author: "Me_myself"
format: 
  rladies-revealjs:
      footer: "[very nice description]"
      css: 1styles.css
      auto-stretch: true
      scrollable: false
      code-overflow: wrap
      width: 2000
      margin: 0.1
      max-scale: 3.0
      controls: true
      slide-number: true
      progress: true
      show-slide-number: all
      self-contained: true
      embed-resources: true
      #chalkboard: true
      multiplex: true
      preview-links: true
#tbl-colwidths: [75,25]
highlight-style: "dracula"  
execute:
  echo: true
  output: true
  eval: true
menu:
      side: right
      width: wide
editor:
  markdown:
    wrap: 80
    canonical: false  
---

```{r}

#| echo: true
#| eval: true
#| output: true

library(readxl)
library(dplyr)
library(epiR)
library(tidyr)
```

My 1styles.css is as follows:

.reveal .slides .column {
  height: auto;   /* Auto-height based on content */
  max-height: 90vh;  /* Max height (optional, adjust as needed) */
  }

[mcanouil]

First your link is wrong and cannot be accessed.
Second, you need to read the template code (not provided by Quarto so out of scope) and learn HTML/CSS.
You can use your favourite browser inspect/developer mode to understand and target some components of your rendered document (e.g., https://developer.chrome.com/docs/devtools/inspect-mode).

To be clear, Quarto discussion board provides support to Quarto CLI, not to Quarto extensions made by the community.
Also, please use the search on GitHub to look for similar discussions rather than opening new ones.

[mcanouil]

@Andrzej-Andrzej

First: Link is easily accessed by copying and pasting., so instead of critisizing just try, please.

Most users, if not all, will click on the link rather than copy and paste it. Given this, your response is inappropriate as it fails to consider accessibility for all users.
You might disregard accessibility concern but the Quarto team does not!
Please edit your original message to fix your link. Thank you for your understanding.

Important

The content above violates our Code of Conduct.

As a member of the Quarto community, you are expected to follow our Code of Conduct, which outlines the standards of behavior and communication that we value. The Code of Conduct applies to all online interactions within the Quarto project, and it is enforced by the Quarto team. By participating in the Quarto community, you agree to abide by the Code of Conduct and respect the rights and dignity of others. You can find the Code of Conduct at https://github.com/quarto-dev/quarto-cli?tab=coc-ov-file#readme.

Thank you for your cooperation and contribution. 🙏

Third - I searched GitHub for similar topics.

Did you explore these for inspiration?

• Reveal.js Presentation: Title slide without page number and logo #557

And finally, please try to be helpful and nice, so maybe life will repay you the same way.

Before making accusations such as "please try to be helpful and nice" (which is also against the Code of Conduct), did you attempt to try what has been suggested or make complementary search?

You can use your favourite browser's inspect/developer mode to understand and target some components of your rendered document (e.g., https://developer.chrome.com/docs/devtools/inspect-mode).

• do not create a scrollable code block for more than 18 lines of code for reveal slides #2910
• How to increase/control the height of the output container for revealjs presentations? #8528
• how to change code block height and width in quarto presentation #2073
• Block Code with revealjs #4943
• Why code chunk only shows half of the code? #2203
• https://quarto.org/docs/presentations/revealjs/#code-block-height

Edit:

• https://remlapmot.github.io/post/2025/quarto-revealjs-tips/

[Andrzej-Andrzej]

I have read those above links and spent a few hours with trial and error experiments.
I have read a few topics from SO about it but unfortunately it did not work.
I removed logo, but now I would like to align my slides with the top of the page.
My desired output would be:

If anyone could help, that would be much appreciated.

[mcanouil]

@Andrzej-Andrzej Could you please use the edit feature from GitHub to edit your very first message and fix the link as requested twice?

[Andrzej-Andrzej]

I just have done it. It works now.

[mcanouil]

I have read those above links and spent a few hours with trial and error experiments. I have read a few topics from SO about it but unfortunately it did not work. I removed logo, but now I would like to align my slides with the top of the page. My desired output would be: If anyone could help, that would be much appreciated.

The space above the slide is not part of the slide. This is extra space because the slides dimensions does not match your screen or whatever.
Some elements are added on top of the slides structure defined by Reveal.js.

Using inspect mode you can see the "slide" (which is resized dynamically by Reveal.js)

As you can see from the div.slides the dimensions are the default one which you can change: https://quarto.org/docs/presentations/revealjs/advanced.html#presentation-size
This could make use of your whole screen display but might lead to bad looking slides on other display, regardless of the slide ratio change this could introduce.

See Reveal.js documentation to have a better understanding of what it does and how it does it: https://revealjs.com/

[cderv]

When I go full screen in firefox it does not auto-stretch fully.

The auto stretch feature is from Revealjs, and does not work for anything else than image. We have not yet providing an equivalent for other type of content.

This would need to be done using JS and a similar logic (by calculating remaining space).

Right now you can do it slide by slide and find a common size that fit all your slide.

Some hints of what you could do

• Tweak the height of some elements will increase the code block box size

  

• But as you see you need to increase police size in that case

  

• Or just tweak the size

  

However, you may find this is tricky as this needs to be done carefully to avoid problem like overflow, or adaptation on difference screen size.

To sum up, this is some tricky CSS wizardry to do and adding some other JS wizardry with automatic calculation so that this could be made auo-stretched as image.

If someone come up with some JS solution, I'll be happy to see how to integrate, or this could be wrapped easily in an extension.

I want to use max space for code and output panels in my Quarto revealjs presentation.

Another note about space. Revealjs is tricky on this topic because it will do a lot a resizing and calculation to do what it thinks is best, based on presentation size: https://revealjs.com/presentation-size/

Maybe looking at revealjs level can help... 🤷

Hope this helps ( a little at least 😄)