CODEWITHSUNDEEP
cssrmarkdownrstudioioslides
Jonas B
Jonas B

Reputation: 113

configuring ioslides background with css

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?

Upvotes: 6

Views: 5569

Answers (3)

N. Jongs
N. Jongs

Reputation: 21

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;
  }

Upvotes: 2

timoto
timoto

Reputation: 105

For me worked the following:

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

Upvotes: 2

Lars Schillingmann
Lars Schillingmann

Reputation: 1548

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

slides > slide.backdrop {
  background: white;
}

Upvotes: 11

Related Questions