How to set logo size in reveal.js?

[lizhiwei1994]

Hi everyone.

I know use logo: "https://www.rstudio.com/wp-content/uploads/2018/10/RStudio-Logo-Flat.png" can set a logo in each slides.

But how can I change the logo size. My logo is too samll that can not be seen clearly in my slides.

Below is my logo png file.

[cderv]

.reveal .slide-logo would be the CSS to change. We are setting max-height: 2.2rem so that the logo stays in the footer size and not take slide space content.

But if you want to increase just change this rule. For example

.reveal .slide-logo {
   max-height: 4em !important;
}

!important is key here also because the CSS is defined in footer.css in the first place and this come after a user provide style customization

Code

---
title: "Untitled"
format: 
  revealjs:
    logo: "https://user-images.githubusercontent.com/59855957/187441375-ac0b7654-6147-4999-8651-1af9abb618c1.png"
    theme: [default, styles.scss]
---

## Title

Test

[cderv]

By the way, more context to this answer in here: #746 (comment)

[lizhiwei1994]

@cderv , Thanks a lot. It really helps me!