Archived topic
Alignment of repeating background image
3 replies · Started by Colin on May 20, 2021
Hello, I'm working on a site here and trying to use the Background module to show the same image behind both Content and Body (this is the only way I could get the image to go all the way down my home page):
https://tuckerhilldev.wpengine.com/
It's working pretty well just on Repeat Y and 100% width and Attachment with default position, except when scrolling down the page you can see the repeated image being slightly off-alignment of the same image before it. Shouldn't it show up in the same position and line up seamlessly, as long as I've made sure there are no lines/seams framing the image?
I'm not sure if this is because of some spacing issue I'm not seeing, or if I need to apply the background more universally in one div like in this older ticket, or if it's something else entirely:
https://generatepress.com/forums/topic/background-image-full-page/
Thanks so much for your help! --Colin
Hi there,
you can apply just the background to the Body, and then set the Customizer > Colors > Container to a transparent color - then you'll see the body background.... but i did this in the browser tools and there is still a slight offset in the repeating image - which is actually the image is not 100% symmetrical
This helped so much David, thank you! Both on the settings and my image editing oversights, haha...
Glad to be of help :)
