COS-Pages-Editor

How can I change the background color for one landing page?

Last updated: June 27, 2017

Available For:

Marketing: Basic, Pro, Enterprise
Sales: N/A
Service: N/A

The background color of an individual landing page can be changed by adding simple CSS to the head HTML section of a website page or landing page.

  • In your HubSpot Marketing account, navigate to Content Landing Pages or Content > Website Pages
  • Locate and hover over the page in question and click Edit.
  • Click Settings > scroll down to Page Settings under Advanced Options and click + Add Head HTML.
Add head HTML
  • In the pop-up window, insert the following code. Replace the color red with the color of your choice, either using the name or the HTML hex value.
<style>
body {
background-color: red;
}
</style>
  • Click Save when done, and then hit Update or Publish
  • If you are not seeing the background color change as expected, please reach out to your designer or the HubSpot Community or Support team.

Was this article helpful?