Skip to main content
Custom HTML
David Brahka avatar
Written by David Brahka
Updated over a week ago

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.

Did this answer your question?