Как изменить положение текста и логотипа на слайде с заголовком RMarkdown?

Из-за изображения, которое у меня есть в нижней части слайда с заголовком, я хочу:

  • переместить все title, subtitle а также author от их центральных позиций.
  • удалить Rlogo только в титульном слайде (не знаю, как это сделать). Я мог только удалить номер слайда на данный момент, используя .title-slide .remark-slide-number { display: none; },

Любое предложение приветствуется! Спасибо!

Вот мой воспроизводимый пример:

файл tweaks.css

/* for logo and slide number in the footer */
.remark-slide-content:after {
    content: "";
    position: absolute;
    bottom: 15px;
    right:   8px;
    height: 40px;
    width: 120px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("Rlogo.png");
}

/* for background image in title slide */
.title-slide {
  background-image: url("slideMasterSample.png");
  background-size: cover;
}

.title-slide h1 {
  color: #F7F8FA;
  margin-top: -170px;
}

.title-slide h2, .title-slide h3 {
  color: #e7e8e2; 
  line-height: 1.0em;
  margin-top: -75px;
}

.title-slide .remark-slide-number {
  display: none;
}

1-я попытка: модифицированная margin-top в tweaks.css файл, как указано в xaringan вики

---
title: "Presentation Ninja"
subtitle: "xaringan"
author: "Author"
output:
  xaringan::moon_reader:
    lib_dir: libs
    css: ["default", "tweaks.css"]
    nature:
      highlightStyle: github
      highlightLines: true
      countIncrementalSlides: false
---

Результат 1:

Результат 1

2-я попытка: добавлено <br> к title чтобы вручную подтолкнуть его вверх, но затем subtitle а также author были также сбиты Добавление <br> в subtitle а также author тоже не помогло.

---
title: "Presentation Ninja<br><br><br><br><br><br>"
subtitle: "xaringan"
author: "Author"
output:
  xaringan::moon_reader:
    lib_dir: libs
    css: ["default", "tweaks.css"]
    nature:
      highlightStyle: github
      highlightLines: true
      countIncrementalSlides: false
---

Результат 2:

Результат 2

Фотографии использованы

slideMasterSample.png Rlogo.png

1 ответ

Решение

С помощью seal: false Вы можете создать титульный слайд, который не зависит от заголовка YAML. Это часто упрощает создание слайдов ИМО.

Для логотипа R на всех слайдах, кроме титульного слайда, создайте пользовательский div и установите его как layout,

CSS:

.title-slide {
  background-image: url("slideMasterSample.png");
  background-size: cover;
}
.title-slide h1, h2, h3 {
  text-align: center;
  color: #F7F8FA;
}

.title-slide .remark-slide-number {
  display: none;
}

div.my-footer {
content: "";
    position: absolute;
    bottom: 15px;
    right:   8px;
    height: 40px;
    width: 120px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("Rlogo.png");
}

RMD:

---
title: "Presentation Ninja"
subtitle: "xaringan"
author: "Author"
output:
  xaringan::moon_reader:
    lib_dir: libs
    css: ["tweaks.css", "default"]
    nature:
      highlightStyle: github
      highlightLines: true
      countIncrementalSlides: false
    seal: false
---

```{r setup, include=FALSE}
options(htmltools.dir.version = FALSE)
```

class: title-slide   

# Header 1

## Header 2  

### Header 3 

---

layout: true

<div class="my-footer"></div>       

---

# new slide 1

---

# new slide 2
Другие вопросы по тегам