使用css配置ioslides后台

Question

How can I remove the grey gradient at the bottom of slides generated with ioslides using Rstudio markdown? I managed to remove it from the title slide using custom css:

.title-slide {
 background-color: white; 
}

I have not succeeded in removing it from all other slides, however. The ioslides markdown documentation provides very little documentation of the default css used and how to modify it. I have looked at default.css on Github. Is there any other documentation that one can use in customising the appearance of ioslides using css?

Answer 1

I had the same problem. The following css code seems to remove the gradient background:

slides > slide.backdrop {
  background: white;
}

Answer 2

For me worked the following:

slides > slide.backdrop {
  background: none !important;
  background-color: white !important;
}

Answer 3

I have used both of these formats before with success to change my background to white. For the past few weeks all my ioslides outputs have the default white + grey background? Has something changed, as I have a series of presentations in which the code has not changed.

Answer 4

I had the same issue! By adding the following lines in the CSS file the grey gradient at the bottom is removed.

slides > slide {
  background: linear-gradient(#ffffff, #ffffff 85%, #ffffff);
  background-color: white;
  }