Background image for entire page

Support
#1

I cannot get a full page background to work.

I’ve tried the background option under page settings, but it doesn’t work.

I’m using Ethos with Fullwidth template.

This is driving me nuts. I would prefer to just get answers. Please, list out what the possible reasons for this would be. I have to present this site this afternoon.

#2

Hi Omar,

Thanks for reaching out.

Ethos has background color as part of its design, maybe it’s the one that covers it. Please add this CSS to Theme Options > CSS to override it

.page-template-template-blank-4-php .x-main, .page-template-template-blank-5-php .x-main, .page-template-template-blank-6-php .x-main, .page-template-template-blank-8-php .x-main {
    background-color: transparent !important;
}

Else, please provide the URL that has this issue, maybe it’s due to javascript error since the background is implemented through backstretch library.

Thanks!

#3

Thanks! That worked. Is there an easy way to add a parallax effect to this background image?

#4

Hello Omar,

Thanks for updating the thread.

To add parallax effect, I suggest you to take a look at following resource.

https://www.w3schools.com/howto/howto_css_parallax.asp

Thanks.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.