Site global background image

[adubs777]

How can I get the background image to scroll with the content the same? I can photoshop the current image to be a seamless pattern but not sure what css is needed since it doesn’t seem like something available in the theme options settings. thanks.
http://lifeisyourwish.com/

[friech]

Hi There,

Thank you for writing in, the reason for the is that the background-image on the Theme Option settings is not set as a CSS background-image, but a static image element setting behind the content. To achieve what you need, please remove the background-image from the Theme Options setting and add the background via custom CSS as the body background-image. Add this to Theme Options > CSS

body {
	background-image: url(http://lifeisyourwish.com/wp-content/uploads/2018/07/paper-2c.jpg);
    background-attachment: scroll;
}

I have found the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Hope it helps,
Cheers!

[adubs777]

thank you I am familiar with the inspect element tool of the chrome developer tools. I was curious if what I was asking about was something that can be set in the theme options tools and not custom css. but I see this is not in the built in theme options. Enjoy this day and realize that in every present moment is the gift you’ve asked for.

[ruenel]

No problem. You are most welcome.
If you need anything else we can help you with, don’t hesitate to open another thread.