css - ioslides : place title logo on the right side

Question

我正在使用 ioslides (Rmarkdown) 制作演示文稿。由于我们大学的企业设计规则规定 Logo 应位于右侧(因此两个面孔查看文档)，如果有人可以帮助我通过 css 或 pandoc 模板调整 ioslide 主题，我会很高兴.

图像和灰色框应该从右侧进入。我没能做到这一点。我所能做的就是使灰色足够长，直到到达右侧(这也会移动 Logo ，因为在我看来，它相对放置在灰色框的右端)。

这是我已经找到并尝试过的一些 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;
}

这是编织后产生的代码:https://box.hu-berlin.de/f/d3d9e907fcef41a0bbf1/

我首先不明白 gdbar 代码位于何处。我也会很高兴在这里得到提示。

编辑:我现在已经有了这个 CSS 设置并且即将完成。只有 Logo 应该向左移动一点。

.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 设置为初始值:

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

或者您删除此left设置，那么您的元素将移至右侧。