Hi,
I'm using the Helix Ultimate template and have continually had issues displaying an image in the header.
I was once given this custom css to add:
header {
background-image: url("images/header320");
}
This works 'on occasion', but not this time! 🤷
https://jumbuckmotorinn.com.au/
Can anyone please advise what I'm doing wrong?
Hi
Try this CSS
#sp-header{
background-image: url(https://jumbuckmotorinn.com.au/images/header320.jpg) !important
}Hi
Thanks for contacting us. It seems ok in my end.
-Regards.
Hi Mehtaz,
This image is supposed to be sitting behind the menu in the header (it was originally). I have viewed it in several browsers and it is just displaying a white background with just the logo visible?
Can you please provide a screen shot of what you are seeing?
Many thanks,
Tony.
Hi Tony,
take the following code:
#sp-header {
background-image: url('/images/header320.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}Sorry Martin, that doesn't seem to work either!!!
The original code WAS working... here's a snapshot from November last year taken with WayBackMachine.
That was the last time anyone had toched the site 🤷
Could you please provide the exact image path?
Because there is no image at this link: https://jumbuckmotorinn.com.au/images/header320.jpg
It's just the link; I just tested it :D
https://prnt.sc/PdUixpUF4eTP
Sorry Martin, the file extention dropped off!
https://jumbuckmotorinn.com.au/images/header320.jpg
Many thanks for looking into this for me.
You're welcome :)
Solved!!!
Thank you so much Mehtaz :)
Best wishes,
Tony
Hi Tony,
You're missing a no-repeat attribute, because your image is repeating. ;) If you also center it vertically, you'll always see the same view, which is why I suggested a slightly more detailed code snippet.
Glad to know that and you are always welcome.
Thanks Martin for helping him.
You're welcome :)
Thank you all Team Joomshaper :)
You are always welcome and thanks for accepting the answer.