JavaScript must be installed and enabled to use these boards. Your browser appears to have JavaScript disabled or does not support JavaScript. Please refer to your browser's help file to determine how to enable JavaScript.

CMS Development

Search CMS Development for solutions or ask a question

Solved

LvanAggelen on May 09, 2025

Is there a way for new CTA elements to inherit styling from a website (HubSpot CMS)

We have a customer that uses the HubSpot CMS for their website. When they create a new CTA, they would have to apply the styling each time over, and it never matches the website or the previous created CTA. Now I understand that these new CTA read more

Reply CSS Drag and DropTemplate Hubl

0 upvote

2 Replies

Accepted solution

FrancoQ

Contributor

May 09, 2025 13:16

Hello @LvanAggelen ! If you're working with CTA styling in HubSpot, it's important to note the key differences between the legacy CTAs and the new ...read more

Solved

DCG_Danny on April 09, 2025

cms-react css in isolated modules

Hello, very new to hubspot CMS development. I've opted to use the cms-react version to develop out some custom landing pages. The setup for local development was pretty easy but figuring out some stuff as I go to make the development experience bett read more

Reply CSS Hubl JavaScript Local Development

0 upvote

1 Reply

Accepted solution

BérangèreL

Community Manager

April 10, 2025 06:40

Hi @DCG_Danny and welcome, we are delighted to have you here! 🤗 Thanks for asking the HubSpot Community! First, I'd like to share some resou...read more

Solved

KParmar on April 07, 2025

How do I add a custom CSS class to a Standard form editor in HubSpot?

I am not able to override the original CSS in the "standard form editor". It's not a legacy form. Below is the form code, <script src=" https://js.hsforms.net/forms/embed/502973.js " defer></script> <div class="hs-form-frame" read more

Reply CSS Custom Modules Forms

0 upvote

2 Replies

Accepted solution

Anton

Thought Leader | Partner

April 07, 2025 10:02

Hey @KParmar , short answer(unfortunately): It's currently not possible. A workaround is to wrap the .hs-form-frame div in a wrapping div ...read more

Solved

Jake_Lett on March 29, 2025

HubSpot Custom Module Starter Code Snippet

When I create custom modules, I often need similar code, and I found myself writing the same stuff over and over. So I created a little snippet I use to start a new module. I just copy and paste it into the HTML section of a custom module and make a read more

Reply CSS Custom Modules HTML

8 upvotes

6 Replies

Accepted solution

Indra

Guide | Elite Partner

April 08, 2025 10:22

Hi @Jake_Lett , Nice default. I have a few options that I use on my projects for different aspects. Unique ID If you only want a ID ...read more

Solved

ADuka on March 27, 2025

How do i add stylesheet to my sections and templates?

Hello everyone, I am trying to add a stylesheet to my section and template. I created a new css+Hubl file in ProjectFolder > CSS > Sections/Templates I pick the same name that my Section/Template has starting with an underscore for the CSS fi read more

Reply CSS

1 upvote

8 Replies

Accepted solution

GRajput

Recognized Expert | Gold Partner

April 01, 2025 09:26

Hi @ADuka The CSS file path referenced in the HTML template appears to be incorrect. You have mentioned the following path: {{ get_asset...read more

Solved

Systemdesign on March 20, 2025

There is no option to add css

I am building the website in Hubspot. There is no option to add my css file. I have create another website where custom css file option is there in Hubspot dasboard -> Setting -> advanced. But for the currernt website there is no option to add read more

Reply CSS

1 upvote

5 Replies

Accepted solution

Anton

Thought Leader | Partner

March 20, 2025 07:15

Hey @Systemdesign , thanks for sharing the link. Since you're using a Marketplace theme, you can't access/modify the individual files until you...read more

Solved

paulofdaniel on March 18, 2025

Async CSS and 'unsafe-inline'

Hi, everyone! I need to remove 'unsafe-inline' from the Content Security Policy (CSP) and enable Nonce. Right now, I’m searching for all inline scripts inside my templates and modules. While doing this, I discovered that when I import my CSS files read more

Reply CSS JavaScript

2 upvotes

2 Replies

Accepted solution

GRajput

Recognized Expert | Gold Partner

March 19, 2025 06:22

Hi @paulofdaniel If you’ve removed 'unsafe-inline' from your Content Security Policy (CSP) and enabled Nonce , you may notice that some ...read more

Solved

ajatnb on March 05, 2025

Margin being applied to both module and module wrapper

When adding a margin style to my custom module, the margin is also being added to the module wrapper. Why? What is happening here? fields.json { "id": "module.styles.margin", "label": "Margin", "name": "margin", "type": "group read more

Reply CSS Custom Modules

0 upvote

3 Replies

Accepted solution

Jaycee_Lewis

Community Manager

March 05, 2025 16:12

Hey, @ajatnb 👋 Have you already ruled out something like this? // Change from: "id": "module.styles.margin", "name": "margin", // To: "id": ...read more

Solved

Adesignl on March 03, 2025

scope_css doesnt seem to be up to date

`scope_css` doesnt seem to be up to date with modern css properties. I am trying to use it with in a module and anything with :where or :has doenst seem to allow scope_css to function. The code that is causing the issue read more

Reply CSS Hubl

1 upvote

2 Replies

Accepted solution

Adesignl

Top Contributor | Partner

March 06, 2025 17:16

I had a response from HubSpot Engineering team and it seem this is a bug. They have a ticket in and should be getting it resolved soon.

Solved

DChimenti20 on March 02, 2025

Boilerplate layout.css

I am taking the CMS for Developers course and he is referencing a layouts.css file that has the template for the drag and drop layout, but I am unable to find it in my boilerplate. I am sure it is a complete download, but I know that it is regularly read more

Reply CSS Drag and DropTemplate Professional

0 upvote

13 Replies

Accepted solution

Anton

Thought Leader | Partner

March 05, 2025 01:50

Hey @DChimenti20 , edit: See answer in the other thread here

tirabc on February 25, 2025

Quote template extra blank page

Hi all, It's my first post, I hope to put it in the right place. I coded a new template for quotes, in A4 landscape, everything is good in html render even when printing in pdf from browser. My issue is when using the download button wid read more

Reply CSS

0 upvote

2 Replies

tirabc

Participant

February 26, 2025 10:39

Here are some screens to give some context: the main page and extra page are in landscape mode. It seems there is no wide text. I'll try setting wi...read more

Solved

TSwisherTOC on February 19, 2025

mini.css files seem to be 404

All of a sudden our nav and multiple theme modules aren't working. We only have one custom module and I removed it but that didn't help. I've checked the child theme's CSS but no issues. We haven't touched the backend in months so I'm a bit baffled. read more

Reply CSS

0 upvote

6 Replies

Accepted solution

TSwisherTOC

Member | Elite Partner

February 21, 2025 08:54

Wanted to first say thanks for everyone that responded. I like both of the responses above the problem is the are modules in the theme so I can't mak...read more

Looking to start a conversation or ask a question?

Create a post

Sign up for the Developer Newsletter

Fresh content delivered to your inbox every month.

Featured Content

Assets missing protocol using get_asset_url

Can I develop module, theme and apps using my free account?

Deprecation warnings after executing npm install -g @hubspot/cli@latest