You can add custom HTML blocks within Blackbell pages.
You can also disable Blackbell Styles ( to avoid conflict ) for a set of pages or globally.
You can also add custom styles for each page.
Add custom HTML
1 - Create a page and add a content block HTML
2 - Add your HTML
3 - Edit the page advanced settings to disable Blackbell styles and add your ressources
4 - You are all set !
Linking pages:
To add a link to another page, use href to page ID and the class : internal-link
example
<a href="/page/32290" class="internal-link"> Link name </a>
Hide other type of Blackbell menus
Add custom css like below to your pages that need clean UI without Blackbell menus
<style>
.page-32317 .navbar.ember-view,
.page-32317 #modal-overlays,
.page-32317 .notifications-panel,
.page-32317 .chat-panel,
.page-32317 .hc-footer-promo,
.page-32317 .hc-location-picker,
.page-32317 .sub-navigation-container,
.header-page-32317 {
display: none;
}
.page-32317 h2.hc-headline {
font-size: 1rem;
}
</style>
Add this in the page advanced configuration
Disable Blackbell style globally:
You can also disable Blackbell styles globally in the custom CSS view.
This is not recommended as it will also disable styles of user profiles, forms, cart etc.
