garthtarr / sydney_xaringan

University of Sydney theme for xaringan (remark.js)
http://garthtarr.github.io/sydney_xaringan
81 stars 47 forks source link

Better Default Colour for Subtitles #1

Closed DarioS closed 6 years ago

DarioS commented 6 years ago

The default colour seems to be the same as the background, which makes the text appear to be invisible. For example, I have

title: "Classification for High-dimensional Biomedical Data"
subtitle: "Utilising ClassifyR"

to break the long title into two lines. But, the subtitle can only be seen if dragged across with the mouse cursor.

image

I also tried

title: |
       | Classification for High-dimensional Biomedical Data
       | Utilising ClassifyR

but the output was not as expected (colour and size of second line had changed).

image

garthtarr commented 6 years ago

Fixed with a09520242b35973f613e87efb896863c0a9e8dc4

garthtarr commented 6 years ago

As background, this was the cuplrit:

.remark-slide-content > h2:first-of-type {
  color: #e64626;
  margin-top: 5px;
  margin-bottom: 10px;
}

Which was done to make the h2 titles on each slide match powerpoint. But it also did it on the first slide, so I've used important! on the first slide (ugly css, I know).

.title-slide h2 {
  color: black !important; /* first of type is master brand red */
  font-size: 35px;
  padding-left: 20px;
  padding-bottom: 10px;
  margin-top: 0px;
  text-align: left;
  vertical-align: middle;
}
garthtarr commented 6 years ago

For your use case though, it's not really a subtitle, did you try using
to add a line break? @DarioS

garthtarr commented 6 years ago

I just did, fails big time, I wonder why!?! It's something I've done, because it's not a problem for standard xaringan.

garthtarr commented 6 years ago

Ah, a bad line-height: 0.05; setting.

garthtarr commented 6 years ago

Fixed with 5aa2c475e99bc8ab496ba296d094a609cef59fff