Background Image

quranrelection · Member · Apr 21, 2015 at 9:15 am
Copy link

Add topic to favorites
Hi,

I’m using the twenty eleven theme, I want to use a front static page but I can’t get the background image to take up the full page.

in my editor, the code is <body style=”background-image: url(‘bg.jpg’)”>

What’s the best practice to achieve this?

Thanks,

Samara

The blog I need help with is: (visible only to logged in users)
timethief · Member · Apr 21, 2015 at 2:57 pm
Copy link
Does this help you?
https://en.forums.wordpress.com/topic/pinterest-verification-error?replies=15#post-2258674
quranrelection · Member · Apr 21, 2015 at 4:18 pm
Copy link
this is completely different it’s not related to the link.

All I need is one page with a full image bacgbackground to cover the entire page with couple lines of text.
audreyhaque · Member · Apr 22, 2015 at 6:14 am
Copy link
This worked for me. Insert the following into your Custom CSS box:

body {
background-image: url(bg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

This is where I found some help: http://stackoverflow.com/questions/376253/stretch-and-scale-css-background/388817#388817

Perfect Full Page Background Image
quranrelection · Member · Apr 22, 2015 at 10:28 am
Copy link
Unfortunately I’m on free domain, I can’t update the CSS.

Is there still any way I can do with current free twenty eleven theme?

Best
geekinthegirl · Member · Apr 22, 2015 at 10:36 am
Copy link
Hi Samara!

First of all, have you made sure that the image you’d like to use for your background is big enough to cover the whole space without repetition?

If so, try this: go to My Sites > Customize > Colors & Backgrounds. Under the ‘Background’ heading, click the white space that says ‘Change’ when you hover over it, then ‘Select Image’.

Once that’s done, click the new button that pops up on the left, that says ‘Options’. From there, click the little pin symbol next to ‘Fixed Position’, and be sure to save all those changes when you’re done.

Does that help at all? Wasn’t sure how much of that you might have already tried :) just shout if you have any other issues.
quranrelection · Member · Apr 22, 2015 at 10:54 am
Copy link
Hi there,

I have done all that, it works great.

On the page content, I’m using the same bg image in a large scale, but it only covers the content area.

This will leave me with a white frame around the content page.

I want to remove that white space between the content page and the bg image.

Many thanks

No items found.