Hi @JonathanSur
To edit the CSS in a template in HubSpot, you can follow these steps:
Log in to your HubSpot account and navigate to the Design Manager.
In the left-hand sidebar, click on “Templates” and select the template you want to edit.
In the template editor, click on the “Files” tab to view the list of files in the template.
Locate the CSS file you want to edit. Typically, CSS files will be located in the “css” folder.
Click on the file name to open the CSS editor.
Make your changes to the CSS code.
Save your changes by clicking the “Save” button in the top right corner of the editor.
Note that when you make changes to the CSS in a template, those changes will affect all pages that use that template. This means that if you want to make changes to the appearance of a specific page, you should create a new template or use a child theme to override the CSS of the parent template.
Additionally, if you want to add new CSS styles to your template, you can create a new CSS file and link to it in the header of your template. To do this, follow these steps:
In the template editor, click on the “Files” tab and select the “header.html” file.
In the header file, add a new link tag to link to your custom CSS file. For example:
html
Copy code
<link rel=“stylesheet” type=“text/css” href=“/custom-styles.css”>
Save your changes to the header file.
Create a new CSS file and save it in the “css” folder of your template.
Add your custom CSS styles to the new file and save your changes.
Your custom CSS styles should now be applied to your website.
Please mark it as SOLUTION ACCEPTED if you like the solution.
Thank You!
