New Builder & Custom Code

The new builder uses a different page structure to render views on the live app. You may need to update your code, depending on how you're currently targeting the view elements.

The page structure for the old builder was:
.kn-scene -> .kn-view

The page structure for the new builder is:
.kn-scene -> .view-group -> .view-column -> .kn-view

Example

/*Page Structure for the old Builder*/

.kn-scene -> .kn-view {
  display: none;
}
.kn-scene -> #view_1 {
  display: none;
}

/*Page structure for the new Builder*/

.kn-scene -> .view-group -> .view-column -> .kn-view {
  display: none; 
}
.kn-scene -> .view-group -> .view-column -> #view_1 {
  display: none;
}

Need help? Submit a project to our Builder Network to get help updating your custom code.

Targeting Views Directly

If you are targeting views directly with the view id selector, no change is needed.

Example

#view_1 {
  display: none;
}