Adding a logo to the bottom left corner

[raheems]

Wanted to add a logo to the bottom left of the slides.

When using the following css file, it works but the page numbers move up to the top right corner. I want to avoid that.

Could you please suggest how to do this?

title: "Title"
format:
  clean-revealjs:
    self-contained: true
    logo: logo.png
    css: logo.css

And here's the logo.css file

.reveal .slide-logo {
  display: block;
  position: fixed;
  top: unset !important;
  right: unset !important;
  top: 5px;
  left: 12px;
  height: 50px !important;
  width: 70x !important;
  max-width: unset !important;
  max-height: unset !important;
}

[raheems]

I've tried this with the help of ChatGPT and it works. Just checking if there are better ways.

/* Slide numbers to the bottom-right */
.slide-number, .reveal.has-logo .slide-number {
  bottom: 14px !important;
  right: 50px !important;
  top: unset !important;
  left: unset !important;
  color: #777777 !important;
}

/* Position the logo at the bottom left */
.slide-logo {
  display: block !important;
  position: fixed !important;
  bottom: 0 !important;
  left: 20px !important;
  max-height: 5% !important;
  height: 100% !important;
  width: auto !important;
  color: $body-color !important;
}

[grantmcdermott]

Hi @raheems, I don't plan on adding native support for a logo to this theme, since I think it goes against the minimalist approach. But I'm glad that you've found an approach that works. Hopefully others will find it useful too if they search among the issues. Cheers.