Change color on the header overlay color

Helpdesk Website Builder
1

Hi, I have a problem. I can`t find where to change the overlay color of the header image. It changes according to which colors I choose as the primary color and secondary color. But I do not want one of these as an overlay color. I use the INFLUENCER template.

2

Hi! It looks like the overlay for the top header is done through CSS, and is generated dinamically based on the following colors: color-user-1, color-secondary, color-primary

You can change the gradient to what you want (changing the CSS) from the Assets Manager → CSS

Screenshot 2021-09-06 at 17.34.57
Screenshot 2021-09-06 at 17.34.571578×1458 142 KB

Hope this helps!

3

Thanks, I’m not very good at coding, but I’ll try :grinning:

4

I set all three to Color-user-3, but it seems to only work for the background in the middle, but not the header and footer. Do you have any tips on what I might be doing wrong?

5

Hi! I don’t know what you’ve changed, but here are all the locations in the CSS for the overlays:

  1. Header overlay: line 200

    Screenshot 2021-09-06 at 21.32.02
    Screenshot 2021-09-06 at 21.32.021920×841 142 KB

  2. Middle container: line 33

    Screenshot 2021-09-06 at 21.30.16
    Screenshot 2021-09-06 at 21.30.161920×789 123 KB

  3. Footer: line 132

    Screenshot 2021-09-06 at 21.30.52
    Screenshot 2021-09-06 at 21.30.521920×669 89.1 KB

Hope this helps!

6

Thank you! I now learned something new, that I do not see the whole code before i click on the arrows to the left of the code to see all the lines.

As I said before, I do not have much experience with coding so I learn a lot of new things all the time :grin: