CSS 类 Kentico 管理 UI

Question

我正在寻找 Kentico 提供的 CSS 类，我可以使用这些类对我在 Kentico 中构建的网站进行 CMS 特定的 CSS 编辑。我为标题使用位置固定的布局，Kentico 的各种管理面板在多个位置重叠，因此无法更改网站的横幅图像。

站点编辑模式

管理员编辑模式

当从这两种模式之一编辑站点时，我想在我的标题容器中添加一个顶部边距，以将其向下推到 Kentico 管理 UI 下方，但我一直无法找到可靠的 Kentico 提供的 CSS类。

Answer 1

正如 Brendon 所说，您可以查看并检查哪个元素出现问题，导致无法在编辑/实时模式下添加标题。

在 css 元素之前添加 .EditMode 并像这样在您自己的 CSS 中将其向下推到页面中。

.EditMode .my-page {
    top: 110px;
}

要对 Kentico Native 控件(如 EditableImage、EditableRegion 等)进行任何大小/宽度/位置更改，您可以在 Web 解决方案中的以下文件中更改 CSS。

bootstrap.cssbootstrap-additional.css