Archived topic
Urgent! Hero custom background image doesn't work.
7 replies · Started by Md on December 4, 2019
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.
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.
Sorry for that I forgot to upload. Here are the images please check.
https://ibb.co/zRFwnJs
https://ibb.co/TYk57Rc
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 :)
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
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;
}Got it. Thanks
No problem :)
