Remove Boilerplate inside groups

Developer Support CMS Development
1

Is there an easy way to remove the boilerplate inside each group I create?

<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-4 ">
<div class="row-fluid ">

Is this content customizable somewhere? I don’t want to be using bootstrap CSS. I am migrating over an existing site with an existing grid system.

Thanks

2

Hi @isleybear,

yes it is removable - but you’ll need to write all templates in HTML+Hubl and use the “noWrapper= True” function on every module.

Here’s a list of all default HubSpot modules

and here’s the documentation about the noWrapper function:

Example:

default rich-text:

{% module "rich_text" path="@hubspot/rich_text" %}

with the noWrapper added

{% module "rich_text" path="@hubspot/rich_text" noWrapper= true %}

Furthermore: If you want/need to use a module multiple times in one template you should give it a unique name like

{% module "First rich-text" path="@hubspot/rich_text" noWrapper=true label="First rich-text"%}
...
{% module "Second rich-text" path="@hubspot/rich_text" noWrapper=true label="Second rich-text"%}

I’ve also added " label=“” " to the example. With this option you can give the module a name which will be visible in the page-builder and help the page-creator to insert the content much easier/quicker.

best,

Anton