landau
landau

Reputation: 5841

control over the text colors in an ioslides presentation

I am preparing an ioslides presentation. For reasons out of my control, all the text on the title slide needs to be white, and all the subsequent slides need to have white titles. The following CSS fixes everything except the text color for the author and date.

slides > slide.title-slide hgroup h1,
slides > slide hgroup h2,
slides > slide.title-slide hgroup .author, 
slides > slide.title-slide hgroup .date {
    color: white;
}

In general, where are all these css classes and labels documented? I try to find these things out by rendering my slides and viewing the source HTML, but not everything is made clear.

Upvotes: 1

Views: 2427

Answers (2)

Martin Schmelzer
Martin Schmelzer

Reputation: 23879

Author and date are contained inside common p tags. Use this:

<style>
slides > slide.title-slide p {
  color: red;
}
</style>

Upvotes: 2

Fred Boehm
Fred Boehm

Reputation: 668

I've had similar concerns about the lack of documentation. I found helpful these slides: https://rstudio-pubs-static.s3.amazonaws.com/27777_55697c3a476640caa0ad2099fe914ae5.html#/1

Another possibility, I think, for identifying the labels for your html file, is to use Selector Gadget: http://selectorgadget.com

Using Selector Gadget may be easier than reading the html code yourself.

I hope that this helps.

Upvotes: 1

Related Questions