[Resolved] Urgent! Hero custom background image doesn't work.

[Md]

I have tried lots of time to add a custom background image for the home hero (font page and others page/post as well). But seems like it doesn’t go through or not working at all.

I have changed the display rules & location to figure it out what’s wrong with it still could not find any solution.

[Jamal]

Hi

Would you kindly check that you have no background color set or if you are able take a screenshot of your setting so the forum stuff can help you faster.

[Md]

Sorry for that I forgot to upload. Here are the images please check.
https://ibb.co/zRFwnJs
https://ibb.co/TYk57Rc

[Leo]

Hi there,

Remove this CSS in Additional CSS field in the customizer:

.page-hero.gradient {
    background-image: linear-gradient( 145deg, transparent 0%, rgba(255,255,255, 0.5) 100%);
    max-width: 1440px;
    margin: auto;
}

Let me know if this helps 🙂

[Md]

Hi, Leo

I have removed that CSS code from the additional CSS file. Yes, the background image is visible now, but again the result is not similar which I expecting. Seems like the BG image hasn’t the same size it was before.

Please visit the site and see the attached images.
https://ibb.co/r6WdQCJ
https://ibb.co/hByb2JL

[Leo]

So you want it to be the same width before without the background image?

If so add this CSS back in:

.page-hero.gradient {
    max-width: 1440px;
    margin: auto;
}

[Md]

Got it. Thanks

[Leo]

No problem 🙂

[Author]

Posts