Reputation: 71
I am developing a Quarto/Revealjs extension to implement the slide presentation template of my company.
I am almost done with my work except for one small - but annoying - thing. I need to add a logo at the upper-right corner of each slide, except for the title slide. I know I can add a logo to each slide using the logo
option in the YAML header but I cannot figure out how to remove it from the first slide.
I have tried multiple solutions among which:
Removing the logo
option in the YAML and trying to add a resized background image at the top-right corner modifying the .css file but the image covers the entire slide (background-size option in the .css doesn't seem to work).
Trying to implement the solution proposed here, adding a java script after the body. It simply does not work.
Here the link to the gitHub page of my extension.
Can anyone help? I think this is a pretty straightforward customisation but I am really stuck.
Upvotes: 2
Views: 516
Reputation: 3088
The logo in burnt into the background image. You can override that with the following:
.reveal .slide-background-content {
background-image: linear-gradient(#80b882, #37578b) !important;
}
Upvotes: 0