May 7, 2013 at 4:42 pm #22936
i uploaded the background image under boxed option and it shows under normal pages but not under Blank. Where can i upload an image to show under blank page a full image background.
thx jasmine :)May 7, 2013 at 11:39 pm #117897May 8, 2013 at 8:45 am #117898May 8, 2013 at 9:08 am #117899
i created a test page and uploaded some photos and created some text and price table here is a link http://www.omglovetwins.com/blank
i need to upload a background full screen image then i can post text and other things that will be over the background page like on the regular pages
jasmineMay 8, 2013 at 2:25 pm #117900
I’m not really clear on what you are trying to accomplish. You can change the background on Theme Options > Styling > General > Background Image. You can upload a new image or use the available patterns.
IsmaelMay 8, 2013 at 2:25 pm #117901
You should be able to do that by first adding a color section to the layout and putting the background image in that elements settings. Then add all of your other content inside that color section.
DevinMay 8, 2013 at 6:11 pm #117902
Ismael i did exactly that but it doesnt show on “blank pages”
Devin i just tried that also and the full screen background is still not showing.
below are the screenshots
1.) here is where i uploaded background the regular way http://demo.globalads24.com/wp-content/uploads/2013/05/Picture817adj.png
and it shows like this on the website page(s) http://demo.globalads24.com/wp-content/uploads/2013/05/Picture-814.png
2.) here is the color selection and background added http://demo.globalads24.com/wp-content/uploads/2013/05/Picture816adj.png
it shows as orange on top and images below but no full screen stretched background http://demo.globalads24.com/wp-content/uploads/2013/05/Picture-815.png
jasmineMay 10, 2013 at 12:22 am #117903
Devin is correct you can use the Color Section element then insert all the columns, media, etc inside it. Edit the color section, insert image as background then under Background Repeat, select stretch to fit. Use a fairly large image for this one, maybe, 1600x 1000px.
IsmaelMay 10, 2013 at 8:20 pm #117904
Hi Ismael and Devin,
Not sure what happened but somehow I have tried again and it works on the original page created (called /blank) but i cannot re-create the same effect with any other blank page (now up to version /blank-5).
Would appreciate if you can let me know what to do as i have spent lots of hours on this and ran out of options.
Here is what i have so far:
1.) original page settings screenshots:
1.1 – advanced layout with selected “Color Section” and inside inserted an image and few other elements http://demo.globalads24.com/wp-content/uploads/2013/05/Picture-6.png
1.2 – opening “Color Section” and inserting background with Stretch to fit http://demo.globalads24.com/wp-content/uploads/2013/05/Picture-5.png
1.3 – and i get exactly what i need the sunset background with an image (and other elements) in “front” http://demo.globalads24.com/wp-content/uploads/2013/05/Picture-7.png so this is what we need
2.) now i tried to recreate this with many other pages and every time i get the same thing and here are screenshots:
2.1 – first step i create a new page and choose blank page on the right (no footer/header) and also below on the right no side bar nor header or footer here is a screenshot http://demo.globalads24.com/wp-content/uploads/2013/05/Picture-9.png and i used to get blank white page like on the demo of enfold but in stead i get the background that is on regular pages plus a white line in the middle here is a screenshot http://demo.globalads24.com/wp-content/uploads/2013/05/Picture10.jpg
2.2 – 2nd step i choose advanced layout editor and insert “Color Section” as in the original here is the screenshot http://demo.globalads24.com/wp-content/uploads/2013/05/Picture-11.png and in stead of getting the full stretched background like in the 1st one i get a line in the middle here is the image http://demo.globalads24.com/wp-content/uploads/2013/05/Picture12.jpg
2.3 – now if i insert another image like i did in the original (/blank): screenshot http://demo.globalads24.com/wp-content/uploads/2013/05/Picture131.jpg it doesnt cover the whole screen in stead it has still the background from regular pages on top and bottom you can see it here http://demo.globalads24.com/wp-content/uploads/2013/05/Picture17.jpg
3.) we also tested on different screen sizes and on smaller screen it covers the whole screen so here are the 2 screenshots (sorry these are different images as not sure where to get the code so can copy paste so added some other elements)
3.1 – 15-inch covers the whole screen http://demo.globalads24.com/wp-content/uploads/2013/05/Picture6.png
3.2 – 24-inch it does not stretch full screen http://demo.globalads24.com/wp-content/uploads/2013/05/Picture-16.png
so not sure how to re-create the original (1.3) so any tips would be appreciated
thx so much
jasmineMay 13, 2013 at 1:22 pm #117905
The color section, when on a blank page aligns to the middle of the page. So if the content isn’t large enough to fill the whole screen then it doesn’t auto expand to do so.
If you were to remove the large image on your original blank page, it would show the white background above and below the content.
So for right now, there doesn’t seem to be a way to just force a full screen background without the content of the color section being big enough to make that background image take up the full browser content area.
DevinMay 13, 2013 at 4:42 pm #117906
Ok, now i understand what happened. Thanks Devin.
I marked the topic resolved but would love to see this feature added at some point so the full screen is covered regardless of how many elements we add (will post on feature list) ~
jasmineMay 13, 2013 at 6:36 pm #117907
The topic ‘How to create a Full Background image under Blank page?’ is closed to new replies.