html - Change background of part of GoHighLevel form - Stack Overflow

admin管理员组

文章数量:1023273

I built [this][1] form in GoHighLevel. I am trying to adjust the background so the top part (before the form fields, header and description text) is white, and the rest a green.
I add the following code to the custom css section of the form settings but it doesn't work:

background: linear-gradient(transparent 40%, #415024 40%) no-repeat !important;

I built [this][1] form in GoHighLevel. I am trying to adjust the background so the top part (before the form fields, header and description text) is white, and the rest a green.
I add the following code to the custom css section of the form settings but it doesn't work:

background: linear-gradient(transparent 40%, #415024 40%) no-repeat !important;

Given that I want the background changes applied to the whole form I did not indicate a selector, but even trying various selectors the changes are not applied. What changes do I need to make to the css? [1]: https://api.leadconnectorhq/widget/form/Jd1fNyUWJVhTuphrEPtt?notrack=true

• html
• css

Share Improve this question Follow asked Nov 18, 2024 at 19:40 Kourtney KearneyKourtney Kearney 10122 silver badges88 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

Your #_builder-form div has the following CSS property which is being applied with priority over your linear-gradient:

background-color: #435126FF;

In the code you provided, I see you included !important, but in the CSS of your page that is not actually present. If you were to go back and add the !important to the end of your linear-gradient, then that will also fix your problem.

I built [this][1] form in GoHighLevel. I am trying to adjust the background so the top part (before the form fields, header and description text) is white, and the rest a green.
I add the following code to the custom css section of the form settings but it doesn't work:

background: linear-gradient(transparent 40%, #415024 40%) no-repeat !important;

I built [this][1] form in GoHighLevel. I am trying to adjust the background so the top part (before the form fields, header and description text) is white, and the rest a green.
I add the following code to the custom css section of the form settings but it doesn't work:

background: linear-gradient(transparent 40%, #415024 40%) no-repeat !important;

Given that I want the background changes applied to the whole form I did not indicate a selector, but even trying various selectors the changes are not applied. What changes do I need to make to the css? [1]: https://api.leadconnectorhq/widget/form/Jd1fNyUWJVhTuphrEPtt?notrack=true

• html
• css

Share Improve this question Follow asked Nov 18, 2024 at 19:40 Kourtney KearneyKourtney Kearney 10122 silver badges88 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

Your #_builder-form div has the following CSS property which is being applied with priority over your linear-gradient:

background-color: #435126FF;

In the code you provided, I see you included !important, but in the CSS of your page that is not actually present. If you were to go back and add the !important to the end of your linear-gradient, then that will also fix your problem.

本文标签： htmlChange background of part of GoHighLevel formStack Overflow