如何在 Kentico 12SP MVC 页面构建器中编辑样式？

编程问答 2022-05-27

问题描述

我有一个运行 Kentico 12SP MVC 的站点。出于某些原因，我不会进入，我的页眉和页脚的 z-index 数以百万计。不幸的是，z-index 太高，以至于它阻止了 Kentico 中的页面构建器功能。如何添加 CSS/JS 来检测我是否在页面构建器中并相应地调整 z-index？

解决方法

欢迎来到 SO Jeremy！

通常，您的样式是在 MVC 项目的 SCSS/LESS 样式表中定义的。请参阅此特定项目的结构。因此，您必须返回项目中的样式表并在那里进行调整，然后发布该代码更改。

enter image description here

更新

感谢您对您要查找的内容进行了更清晰的定义。要找出覆盖您网站 CSS 的内容，请执行以下操作：

  1. 在“页面”选项卡上的 Xperience 中转到相关页面。
  2. 右键单击相关区域并检查该区域。
  3. 确定覆盖 z-index 的类。此元素嵌套在 i-frame 中，并且很可能具有 page-builder 类的 parent/grantparent 元素。
  4. 在您的 MVC css 中，为 .page-builder .your-class .thats-causing .problems { z-index: 0; } 之类的内容添加覆盖

当您使用页面构建器功能在“页面”选项卡上时，这将强制 z-index 降低，以便显示/工作页面构建器项目。

c#c#kenticokentico-12