# Section background color now outputs background-image: linear gradient CSS code

**URL:** <https://community.hubspot.com/t/section-background-color-now-outputs-background-image-linear-gradient-css-code/114331>\
**Category:** CMS Development\
**Tags:** css, professional\
**Created:** [August 12, 2024, 7:08pm UTC](https://community.hubspot.com/t/section-background-color-now-outputs-background-image-linear-gradient-css-code/114331 "2024-08-12T19:08:32Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![eugennedelcu](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/eugennedelcu/32/29892_2.png) [@eugennedelcu](https://community.hubspot.com/u/eugennedelcu)\
**Post date:** [August 12, 2024, 7:08pm UTC](https://community.hubspot.com/t/section-background-color-now-outputs-background-image-linear-gradient-css-code/114331/1 "2024-08-12T19:08:32Z")

</div>

Hi,

for my company’s website I’m using the hubspot CMS native section styling options (alignment and spacing, background). A couple of weeks ago, I noticed that sections which previously had a background color set via the section styling and a background image set with custom css in the page code, are not displaying the background color anymore.

I investigated a bit in the browser dev tools and found that the css code is different, without any changes done to the page:

- previously a background color set via section styling was output as background-color: #hexcode

- now the same background color is output as background-image: linear-gradient

Does anyone know if this is something that’s here to stay? Is there any CMS release notes I can check to make sure things don’t break with updates?

 ![hubspot-cms-background-color2.jpg.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/2/25d20abe678376593f77a5a3d178791d5f5c97aa.png)

---

<div class="post-metadata">

**Author:** ![SteveHTM](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stevehtm/32/22074_2.png) [@SteveHTM](https://community.hubspot.com/u/SteveHTM)\
**Post date:** [August 12, 2024, 9:56pm UTC](https://community.hubspot.com/t/section-background-color-now-outputs-background-image-linear-gradient-css-code/114331/2 "2024-08-12T21:56:33Z")

</div>

@eugennedelcu - this looks like a bug in the CMS

Steve

---

<div class="post-metadata">

**Author:** ![eugennedelcu](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/eugennedelcu/32/29892_2.png) [@eugennedelcu](https://community.hubspot.com/u/eugennedelcu)\
**Post date:** [August 18, 2024, 6:11pm UTC](https://community.hubspot.com/t/section-background-color-now-outputs-background-image-linear-gradient-css-code/114331/3 "2024-08-18T18:11:13Z")

</div>

Hey @SteveHTM, is there a way to report these? The portal support was not much help.

Thank you!

---

<div class="post-metadata">

**Author:** ![GiantFocal](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/giantfocal/32/41969_2.png) [@GiantFocal](https://community.hubspot.com/u/GiantFocal)\
**Post date:** [August 15, 2024, 6:25am UTC](https://community.hubspot.com/t/section-background-color-now-outputs-background-image-linear-gradient-css-code/114331/4 "2024-08-15T06:25:14Z")

</div>

Hi @eugennedelcu,

Have you tried changing the value and re-saving it? See if it rebuilds the cache.

Best regards,

**Abraham Ernesto**

---

<div class="post-metadata">

**Author:** ![eugennedelcu](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/eugennedelcu/32/29892_2.png) [@eugennedelcu](https://community.hubspot.com/u/eugennedelcu)\
**Post date:** [August 18, 2024, 6:10pm UTC](https://community.hubspot.com/t/section-background-color-now-outputs-background-image-linear-gradient-css-code/114331/5 "2024-08-18T18:10:08Z")

</div>

Hi @GiantFocal, tried that to no avail. Still outputs as a linear gradient using the hex code that was set as both the starting and ending color, instead of background-color.

---

<div class="post-metadata">

**Author:** ![redbranchmedia](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/redbranchmedia/32/84489_2.png) [@redbranchmedia](https://community.hubspot.com/u/redbranchmedia)\
**Post date:** [November 26, 2024, 9:12pm UTC](https://community.hubspot.com/t/section-background-color-now-outputs-background-image-linear-gradient-css-code/114331/6 "2024-11-26T21:12:00Z")

</div>

Just found this because I’m now experiencing the same issue. Removing the background and re-adding it does not change anything. This is problematic as the background-image declaration is overwriting my other declaration, when I just want it to be background-color, as it should be.

 ![1075632_1_Screenshot 2024-11-26 at 1.11.30 PM.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/b/6/b6a4c500c375be29b9c2de1a0a202c13914da79a.png)

 ![1075632_2_Screenshot 2024-11-26 at 1.11.37 PM.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/e/0/e04f0e34078fdb20d4042f2f6ef8cff1fc317378.png)