Skip to content
Patrick Schratz edited this page Jan 20, 2017 · 3 revisions

If you are not satisfied with the default placement and size of the slide number, there are several ways to change it. By default, slide numbers have an opacity of 0.5. If you want to overlay the slide number on a coloured footer bar, you may want to turn this off.

Changing the position is done using margin controls like margin-bottom or margin-right. You can also draw a box with a custom background color around the slide number. See section inline-code customisation for an example.

.remark-slide-number {
  font-size: 10pt;
  margin-bottom: -11.6px;
  margin-right: 10px;
  color: #FFFFFF; /* white */
  opacity: 1; /* default: 0.5 */
}