ioslides:将标题徽标放在右侧

Question

我正在用ioslides (Rmarkdown)做一个演示文稿。由于我们大学的公司设计规则规定徽标应该在右侧(所以两个面孔看文档)，如果有人可以帮助我通过css或在pandoc模板中调整ioslide主题，我将很高兴。

图像和灰色方框应该从右侧进入。我无法做到这一点。我所能做的就是让灰色长到右边(这也会移动徽标，因为在我看来，它相对放置在灰色框的右端)。

下面是我已经找到并尝试过的一些CSS代码：

.gdbar img {
  width: 150px !important;
  height: 150px !important;
  margin: 8px 8px;
}

.gdbar {
  width: 90% !important; # with 250px instead of 90% it produces the image posted below
  height: 170px !important;
}

这是在kniting之后产生的代码：https://box.hu-berlin.de/f/d3d9e907fcef41a0bbf1/

我不明白gdbar代码到底在哪里。也会对这里的提示感到高兴。

编辑:我现在有这个CSS设置，并几乎完成。只有徽标应该稍微向左移动一点。

.gdbar img {
  width: 150px !important;
  height: 150px !important;
  margin: 8px 8px;
}

.gdbar {
  width: 250px !important;
  height: 170px !important;
}

aside.gdbar {
  left: initial;
  right: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 10px;
  background-position: right;
}

致以最好的问候，西蒙

​

​

Answer 1

你的元素有left: -1px属性，这确保了它总是在左边。如果将left设置为initial：

aside.gdbar {
 left: initial;
 right: 0;
}

或者您删除此left设置，则您的元素将向右移动。