-
Closed
-
Hello!
Why the background image in a page or in other page widget will not resize with the page?
Did i miss something or this is how it work?I see around that there are plug in for wordpress, for some dollars, that do it…so the background image will not resize with the page????
I remember it worked with html, asp, and old code….!!
Sigh 🙁
hi Roman,
i dont find now a site that looks like mine, anyway i make 2 clear screenshots:
1 – is the home page where i’d like to have only the backgound resizable toghether with footer (copyright,info, etc..) and logo and text.
2 – is a example page where i used the [fullwidth] with “paddingTop=”100px” paddingBottom=”100px” to have the background without blank line up and down and with these options:
[fullwidth backgroundcolor=”” backgroundimage=”http://localhost:8080/ciampininew/wp-content/uploads/2014/06/aperitivox.jpg” backgroundrepeat=”no-repeat” backgroundposition=”center top” bordersize=”0px” bordercolor=”” paddingTop=”100px” paddingBottom=”100px”]
xxxxxxxxxxxxxx
xxxxxxxxxxxxxx
xxxxxxxxxxxxxx
[/fullwidth]
and the background “dont resize with the page” when i resize it smallest, but resize when i resize the page bigger!
I’d like the same effect i described before “backgound resizable toghether with footer (copyright,info, etc..) and logo and text, bigger or smallest!
hope this help
thanks again Roman! 🙂
I created a page, selected Blank template on the right side, then I picked an image for Background Image for Main Content Area , 100% Background Image – Yes, Background Repeat – No repeat. for me it resize the background image when I am resizing the window.
i made the same now,
and i have only a blank page! 🙁
here is the html code:
https://onedrive.live.com/redir?resid=A5588F5B361A1EAD!6329&authkey=!AChpzx04K1VZs3A&ithint=file%2c.txt
anyway, like i ask before:
i make a simple page, with a center image logo and i have also a fixed footer with copyright info and so on.
then I set
“Page options”:
– display header: no
– Page: Full Width Yes
Background options:
Layout: default
Following options only work in boxed mode:
left all default
Following options work in boxed and wide mode:
Background Image for Main Content Area: “my image”
100% Background Image = yes
Background Repeat = tile
and all the other options are defaults!
if i preview the page i dont see the image, only blank background and the footer…
…BUT if i set this:
</div>
i see the background image and the image is resizable!!!
…..BUT i have a fixed heigth (i used a DIV tag) !
if i resize the page the image RESIZE CORRECTLY but scrolling (down and up) i see logo,text, all, moving over the background image….
and the background image looks like flashing!
what i mean is:
there is a way to make “all resizable? (background and every objects over it) without having them scolling over the background image
and without using the “DIV TAG”?
Sure i’m doing something wrong…but i dunno what!!!
hi Roman, i have another question.
check this site:
as you see the background image is “always” at the center of the browser and have a fixed size, not resizable!
I tried every setting but i didnt find how to set it…!
I got the scrolling contents in the center of the page (using boxed mode), but the background is never at center of the broswer page and fixed!
Looks like i have only 2 options:
– background at the center but only resizable and the image is always distorted,
– background is fixed but not at center, is on the left
suggestions?
someone can help me with background?
at last one of the post above pls!!!
even something like this
http://www.iphoneitalia.com/
background image is “always” at the center of the browser and have a fixed size, not resizable!
hope in some help. thx again 🙂
nice day!
ok try this, uncheck the 100% Background option and add this to the Custom CSS section field:
it will keep the original size of the background, it will have fixed position and centered. this worked for me when I set background image for Background Image For Outer Areas In Boxed Mode
great Roman, this work!
Fixed position and centered, thanks a lot!
I’d like to resolve the other background problem, when you have time.
“there is a way to make “all resizable” using “[fullwidth backgroundcolor=”” backgroundimage=””” etc…” ?
(background and every objects over it) without having them scolling over the background image and without using the “DIV TAG”?”
If you dont understand what i mean/write (sorry for my english) i’ll try to explain it better,
let me know and thank again! 🙂
i made the same now,
and i have only a blank page! 🙁
here is the html code:
https://onedrive.live.com/redir?resid=A5588F5B361A1EAD!6329&authkey=!AChpzx04K1VZs3A&ithint=file%2c.txt
anyway, like i ask before:
i make a simple page, with a center image logo and i have also a fixed footer with copyright info and so on.
then I set
“Page options”:
– display header: no
– Page: Full Width Yes
Background options:
Layout: default
Following options only work in boxed mode:
left all default
Following options work in boxed and wide mode:
Background Image for Main Content Area: “my image”
100% Background Image = yes
Background Repeat = tile
and all the other options are defaults!
if i preview the page i dont see the image, only blank background and the footer…
…BUT if i set this:
</div>
i see the background image and the image is resizable!!!
…..BUT i have a fixed heigth (i used a DIV tag) !
if i resize the page the image RESIZE CORRECTLY but scrolling (down and up) i see logo,text, all, moving over the background image….
and the background image looks like flashing!
what i mean is:
there is a way to make “all resizable? (background and every objects over it) without having them scolling over the background image
and without using the “DIV TAG”?
Sure i’m doing something wrong…but i dunno what!!!
sorry, but I have no idea how to make objects resizable as you wish
And without using fullwidth?
I mean a simple page with background a center logo and some text, “all resizable”
BUT without having them scolling over the background image?
Maybe i write it wrong or there is no way?
Thanks Roman 🙂
Have a nice day, always!
sorry not sure what you mean by “without having them scolling over the background image”
The topic Background is closed to new replies