where is container full page for background image/

[swmagic999]

I want to install the background over to entire page and I put

Azize-Sunset-900.jpg (900×1122) (chancescounselinginc.com)

into all the container link pages into my all links I could think of BUT NONE WORK

NOT Full Screen Site BG Image:

OR Site BG Image

or Container BG Image:

any I thought would have worked.

Did I miss one or is there some overriding click box?

[swmagic999]

page is chancescounselinginc.com

[scrambler]

Making an overall background image (the whole browser) is done by adding the background image to appearance > Background, and right now the image you have in there is

bkgd3.jpg (1920×1080) (chancescounselinginc.com)

Then you need to make sure that ALL the area backgrounds colors are set to transparent, so they do not cover it, and of course none should have a background image.

[scrambler]

Now if you want the background image only on the site, not the whole browser, then you need to add the background image to the wrapper, then make sure that ALL the other areas (header, container, content, footer, etc…) background colors are set to transparent, so they do not cover it, and of course none should have a background image.

[swmagic999]

I cannot find bkgd3.jpg (1920×1080) to remove it…I looked for ALL background images and nope.  Where would I find or change it?

[scrambler]

It appears to have been placed as a Custom CSS Rule in the Theme Global Custom CSS Rule box

/* Global Custom CSS Rules */
body {background-image: url(“/wp-content/uploads/2016/07/bkgd3.jpg”);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

[swmagic999]

The background image is now set but I guess I have some grey color on now…and my slider heading is being truncated vertically. All why?

[scrambler]

A few things.

You added the image to the wrapper with no repeat, so you are getting a single image in there. But when the size &  ratio of the area does not match the image, you get dead grey space.

To stretch the background image so it always covers the whole wrapper area, add the CSS below in the Background CSS box

background-size:cover;

As for your meteor slider being squished vertically, I have no idea, it must be something you have done in the slider.

To be sure, create a new test page and just insert the slider in there and see if it shows up properly or truncated

[swmagic999]

So let me try this a little differently… how do I stretch my pic over everything but keep the widgets and container text?

Right now, the site background color is transparent but the css is  [background-size:cover;] and everything else is blank. what is wrong?

[scrambler]

We are clearly not communicating, and you are making a mess of things here 🙂

1- If by ” I stretch my pic over everything” you mean the Site area (wrapper) and not the whole browser area, then you had placed the Background image at the right place in Main options > wrapper > Background image (Xtreme Plus) > Wrapper BG image box.

BUT now it looks like you removed it from there, and so there is no background image. ADD the Image URL back there.

2- Next I had told you to add

background-size:cover;

Inside Main options > wrapper > Background image (Xtreme Plus) > Wrapper BG > Additional CSS box (and WITHOUT brackets)

You appear to have added

[background-size:cover;]

Which is invalid, as there should not be any brackets. REMOVE the brackets

3- You also appear to have added the same things in the Site BG image > Additional CSS box, REMOVE that completely

4- Finally you have an orphan closing curly brackets (})inside your Theme Global Custom CSS rule box which is not good. REMOVE that

[Author]

Posts