首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在xaringan中调整单个幻灯片的标题大小或横幅大小

问如何在xaringan中调整单个幻灯片的标题大小或横幅大小
EN

Stack Overflow用户
提问于 2022-08-19 17:20:27
回答 1查看 192关注 0票数 0

在下面的图片中,我遇到了一个标题大小的问题。

​

​

这是两行标题,不适合横幅.是否有任何方法使横幅尺寸更大(垂直增加)或使标题的字体大小更小。

如果你能向我展示这两种方式,我将不胜感激。谢谢。

我的代码是

代码语言:javascript
复制
---
title: "Lecture"
subtitle: "subtitle"
author: "Instructor"
institute: "University"
output: 
  xaringan::moon_reader:
    css: [default, metropolis, metropolis-fonts, "styles.css"]
    lib_dir: libs
    seal: false
    nature:
      highlightStyle: arta
      highlightLines: true
      countIncrementalSlides: false
      titleSlideClass: [top, left]
 
---
class: title-slide, top, left, inverse
background-image: url(aaa.jpeg)
background-size: cover

# *`r rmarkdown::metadata$title`*
## *`r rmarkdown::metadata$subtitle`*
### `r rmarkdown::metadata$author`
### `r rmarkdown::metadata$institute`
### `r rmarkdown::metadata$date`
### `r Sys.Date()`

```{css, echo=FALSE}

.备注-幻灯片-content.hljs-默认{

边框-顶部:40 top固体#23373B;

}

.备注-幻灯片内容> h1 {

字体大小:35;

边缘-顶部:-85 top;

}

代码语言:javascript
复制
```{r setup, include=FALSE}

选项(htmltools.dir.version= FALSE)

代码语言:javascript
复制
---

# Why people are constantly switching jobs, causing frictional unemployment?

---

问题页的更新版本按以下方式编写:

代码语言:javascript
复制
---
class: custom
```{css, echo=FALSE}

.备注-幻灯片-内容..hljs默认{

边框-顶部:40 top固体#23373B;

}

.备注-幻灯片内容> h1 {

字体大小:35;

边缘-顶部:-85 top;

}

.custom h1 {

字体大小:24;

}

代码语言:javascript
复制
# Causes of unemployment: Why people are constantly switching jobs, causing frictional unemployment?

### .my-style1[Sectoral shifts]

### .my-style1[Structural shifts]

### Seasonal changes

### Taste shocks

---
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-08-19 18:18:12

要定义特定幻灯片的CSS规则(可能是更改该特定幻灯片的标题、字体大小或执行任何操作),请在使用class: your-class-name创建新幻灯片之后定义---。

因此,为了改变单张幻灯片的标题字体大小,我们在class: custom之后编写---,然后在CSS块中为.custom定义css规则,以减小字体大小。

代码语言:javascript
复制
---
title: "Lecture"
subtitle: "subtitle"
author: "Instructor"
institute: "University"
output: 
  xaringan::moon_reader:
    css: [default, metropolis, metropolis-fonts, "styles.css"]
    lib_dir: libs
    seal: false
    nature:
      highlightStyle: arta
      highlightLines: true
      countIncrementalSlides: false
 
---
class: title-slide, top, left, inverse
background-image: url(lights.jpg)
background-size: cover

# *`r rmarkdown::metadata$title`*
## *`r rmarkdown::metadata$subtitle`*
### `r rmarkdown::metadata$author`
### `r rmarkdown::metadata$institute`
### `r Sys.Date()`


```{css, echo=FALSE}

.备注-幻灯片-内容..hljs默认{

边框-顶部:40 top固体#23373B;

}

.备注-幻灯片内容> h1 {

字体大小:35;

边缘-顶部:-85 top;

}

.custom h1 {

字体大小:24;

}

代码语言:javascript
复制
---
class: custom

# Why people are constantly switching jobs, causing frictional unemployment?

---

# Heres another slide title
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73420226

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档