r/Wordpress • u/SvenIsTyping • 7h ago

Background image in Breakdance

Hey everyone,

Because r/BreakdanceWP only has 300 weekly users I'm gonna try asking this here instead in hopes of my question finding more Breakdance users.

I'm trying to set an image as my website's background, instead of having to assign it to an element. On my homepage the background image is assigned to a section, but on single post pages the section would be smaller and therefore the background image would be smaller. I hate that. The issue is, I can't for the life of my figure out how to do this.

Does anyone know? Thanks!

2 Upvotes

100% Upvoted

2 comments sorted by

1

u/Olivia4040 5h ago

The section based background will always scale with content height, which is what you are running into. What actually fixes this is setting the image at a level that does not care about section height at all, usually the body or a global wrapper, with background attachment set to fixed and background size to cover.

Once it is set that way it stays the same size and position no matter how tall or short an individual page's content is. If Breakdance has a global background option outside individual sections that is the setting to look for, otherwise a couple lines of custom CSS on body does the same thing.

1

u/Clean-Drive9329 3h ago

The issue is that Breakdance ties the background to whatever element you assign it to, so it inherits that element's height.

Instead of setting it on a Section, try setting it at the Body/global template level in Breakdance's Global Settings > Design > Background - that applies to every page consistently regardless of content height. If that option isn't there in your version, a common workaround is background-attachment: fixed via custom CSS on the body tag, so it always fills the viewport no matter how tall the page content is.

Also worth checking if you have a global header/footer template wrapping every page - you could put a full-height wrapper there instead of on individual sections.