# Gradient on Banner

**URL:** <https://community.hubspot.com/t/gradient-on-banner/113313>\
**Category:** Blog, Website & Page Publishing\
**Tags:** professional\
**Created:** [July 30, 2024, 6:24pm UTC](https://community.hubspot.com/t/gradient-on-banner/113313 "2024-07-30T18:24:14Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![SPoole1](https://avatars.discourse-cdn.com/v4/letter/s/7bcc69/32.png) [@SPoole1](https://community.hubspot.com/u/SPoole1)\
**Post date:** [July 30, 2024, 6:24pm UTC](https://community.hubspot.com/t/gradient-on-banner/113313/1 "2024-07-30T18:24:14Z")

</div>

Hi Community,

I am trying to add a photo to my website page in HubSpot, but there is a gradient/dark overlay on the left side. It seems this is how the banners look in our templates, but wanted to remove it for this page.

Additionally, the image looks full size when I’m in the editable mode, but when I go to preview it’s cutting off on the right side. (Pictures attached).

Does anyone know how to fix these 2 issues?

 ![Screenshot 2024-07-30 at 2.18.44 PM.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/2X/6/6dad3eff9b8e703217ea49f3df0d42059090afbd.jpeg)  
Editable Mode  
 ![Screenshot 2024-07-30 at 2.18.56 PM.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/c/e/cecf88d3cab06636bf4f56d1c3e1a401f2c1dd15.jpeg)  
Preview Mode

---

<div class="post-metadata">

**Author:** ![Ben\_M](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ben_m/32/2679_2.png) [@Ben\_M](https://community.hubspot.com/u/Ben_M)\
**Post date:** [July 30, 2024, 8:49pm UTC](https://community.hubspot.com/t/gradient-on-banner/113313/2 "2024-07-30T20:49:41Z")

</div>

The answer to this type of question will lie in your code. In this case your template was likely designed with this gradient and needs to be modified. Was this a custom template you had built for your organization, or is this one from the marketplace? If the latter, which one?

---

<div class="post-metadata">

**Author:** ![SPoole1](https://avatars.discourse-cdn.com/v4/letter/s/7bcc69/32.png) [@SPoole1](https://community.hubspot.com/u/SPoole1)\
**Post date:** [July 31, 2024, 3:35pm UTC](https://community.hubspot.com/t/gradient-on-banner/113313/3 "2024-07-31T15:35:28Z")

</div>

It was custom built for our organization! Flawless built this for us