Fullscreen Page Background without Plugin

Question

Fullscreen Page Background without Plugin

dko

2021年8月10日 15:37

I am using the Advanced Layout builder for editing pages in the Enfold theme. I've seen many solutions via code editing or plugin additions, but I am behind a controlled environment and do not have access to FTP (access to functions.php, files, etc) nor WP plugins.

The home page can be set to a fullscreen background via the Theme Customize Appearance , but I want to add a fullscreen background image to other pages. The only option I see is in the settings of a 1/1 column Styling Background Image. But this background is bounded and does not fill the full-width of the page.

How can I add a full-width background image without a plugin, or functions.php?

Topic screen-layout custom-background images Wordpress

Category Web

dko · Accepted Answer · 2021年8月10日 15:37

Okay, so I found a solution by using a different type of section.

The issue was having was the max width was capped at the container's width which could not be set and looked like this:

But after changing the section type from a 1/1 to a color section, I was able to have the background image fill the full-width of the page like this:

Code wise looks like:

/* Color section container width */
#section-container-width .container {
  width: 100% !important;
  min-width: 100%;
  padding: 0;
  margin: 0;
}

Fullscreen Page Background without Plugin

About