• Creator
    Topic
  • #8473

    bbwalker
    Spectator
    Been thanked: 0 times

    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 🙁

Viewing 15 replies - 1 through 15 (of 20 total)
Replies
  • Roman
    Keymaster
    Post count: 2542
    Been thanked: 29 times
    #9983 |

    have you set in the theme options 100% background image?

    bbwalker
    Spectator
    Post count: 54
    Been thanked: 0 times
    #9996 |

    if you mean in the “theme options\background”,
    i have 2 options:

    Quote:
    “Background Image For Outer Areas In Boxed Mode”
    and
    “100% Background Image”

    and

    Quote:
    “Background Image For Main Content Area”
    and
    “100% Background Image”

    i dont use these options because i need different background image for each page.
    So i see some alora examples and i use:

    but i have to set the paddingTop and paddingBottom option to adjust the image up and down and the image do not resize well when i resize the page!!
    I’m sorry but i’m still waiting for my space to put the test site online…

    suggestions?
    thanks 🙂

    bbwalker
    Spectator
    Post count: 54
    Been thanked: 0 times
    #10000 |

    Sorry Roman, there is a way to have different background for all pages
    that resize with the page?

    thanks and hope yes….!!

    Roman
    Keymaster
    Post count: 2542
    Been thanked: 29 times
    #10008 |

    you could try in Theme Options -> Background and set there same image for both Background Image For Outer Areas In Boxed Mode and Background Image For Main Content Area and set both 100% Background Image

    bbwalker
    Spectator
    Post count: 54
    Been thanked: 0 times
    #10022 |

    Thx roman, i’ll try
    Anyway, i need a different background for each page, so i think if this wotk, its not for me and i have to buy a bavkground plugin!
    Do you know one good background plugin for me?
    Different bavkground for each page, only this!!

    Thanks for all

    Roman
    Keymaster
    Post count: 2542
    Been thanked: 29 times
    #10027 |

    that’s possible. when you edit a page, scroll down, and there is an option to choose custom background for the page.

    bbwalker
    Spectator
    Post count: 54
    Been thanked: 0 times
    #10034 |

    Is possible i miss it?
    When i’ll get back home i’ll check!!!
    Thx roman 🙂

    bbwalker
    Spectator
    Post count: 54
    Been thanked: 0 times
    #10036 |

    i make some try but its difficult for me to tell you all i have in my mind,
    cause my english is not so good, so sorry!!

    I’ll try..!

    1) i make a simple page, a center logo and i have the fixed footer with copyright and so on.
    I set

    “Page options”:
    – display header: no
    – Page: Full Width Yes

    Background options:
    Layout: default

    in “Following options only work in boxed mode” nothing

    in “Following options work in boxed and wide mode” i set:
    Background Image for Main Content Area: “my image”
    100% Background Image = yes
    Background Repeat = tile

    and all the othe options defaults

    if i preview the page i dont see the image, only blank background and the footer
    BUT if i set this:

    Quote:
    <div style=”text-align: center; color: #c9b57d; font-size: 18px; height: 800px”>
    </div>

    i see the background image!
    image is resizable but have a fixed heigt and if i resize the page,
    for example half of the originale page, the image resize correctly but “i can scroll down and up”!!
    I mean ALL i have in the page, the footer, logo and text scroll over the image and the background image looks like flashes just a little…!

    there is a way to make all resize, background, text over, image, all, without having them scolling over the background image?
    (hope you understand what i mean..sorry for the english!!)
    thanks

    ps: I also tried also on more complex pages and i see that i can have wide and boxed background!
    but this is another story i’ll try to explain later if you have time and patience!!

    bbwalker
    Spectator
    Post count: 54
    Been thanked: 0 times
    #10037 |

    wish the “fullwidth” have a option to set the image resizable!!

    xxxxxxxxxxxxxx
    xxxxxxxxxxxxxx
    xxxxxxxxxxxxxx

    sigh 🙁

    Roman
    Keymaster
    Post count: 2542
    Been thanked: 29 times
    #10040 |

    could you show me an example website which is similar to your target?

    bbwalker
    Spectator
    Post count: 54
    Been thanked: 0 times
    #10042 |

    hi Roman,
    i dont find now a site that looks like mine, anyway i make 2 clear screenshots:

    1)
    https://onedrive.live.com/redir?resid=A5588F5B361A1EAD!6312&authkey=!AIVfM3f73-8Ubx4&v=3&ithint=photo%2c.jpg

    2)
    https://onedrive.live.com/redir?resid=A5588F5B361A1EAD!6313&authkey=!ALNMboPJLJwtg1Y&v=3&ithint=photo%2c.jpg

    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

    with “paddingTop=”100px” paddingBottom=”100px” to have the background without blank line up and down and with these options:

    xxxxxxxxxxxxxx
    xxxxxxxxxxxxxx
    xxxxxxxxxxxxxx

    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! 🙂

    Roman
    Keymaster
    Post count: 2542
    Been thanked: 29 times
    #10043 |

    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.

    bbwalker
    Spectator
    Post count: 54
    Been thanked: 0 times
    #10044 |

    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:

    Quote:
    <div style=”text-align: center; color: #c9b57d; font-size: 18px; height: 800px”>
    </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!!!

    bbwalker
    Spectator
    Post count: 54
    Been thanked: 0 times
    #10045 |

    hi Roman, i have another question.
    check this site:

    http://www.iphoneitalia.com/

    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?

    bbwalker
    Spectator
    Post count: 54
    Been thanked: 0 times
    #10047 |

    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!

Viewing 15 replies - 1 through 15 (of 20 total)
You must be logged in to reply to this topic.