background image

[davehappen]

i don't normally use a background image but would like to use one now, i've tried all the combination for the image in background and can't get it to fit the page size (it spreads across the whole screen), is there a way to relegate the image to the size of my page or is it as is.

https://1drv.ms/u/s!Ar_qzWsihagxgeIhPZo ... w?e=cS2xkD

[Pablo]

To cover the entire background, set the background size to 'cover'

[davehappen]

2 things
1 i only wanted to cover the page 970px

2 so frustrating, just when i think im getting a hadle on the software it throws a curved ball at me. all pages set to center but show on the left?????

https://1drv.ms/u/s!Ar_qzWsihagxgeImUsl ... Q?e=bbrr3h

[Pablo]

1 i only wanted to cover the page 970px

Cover will be applied to all breakpoints unless you select a different background mode.

2. all pages set to center but show on the left?????

As mentioned in the tutorial, the page alignment should be set the 'do not center this page' when you use layout grids.
With layout grid the layout is always full width unless you set a maximum-width.

Related tutorial:
http://wysiwygwebbuilder.com/layoutgrid_part1.html

[davehappen]

Ok, i get the background picture, and how layout grid work, (( its the whole page and cant be placed else where) master page)), but the problem is my other pagers, index, won't center on the page. Is us using layout grid on the master page affecting the other pages?????

[crispy68]

I'm not sure exactly what you are trying to but you could try this for the background image. In the background, select image, set the horizontal and vertical to Center and in the Size box choose 100% 100% in the drop down and then type over this with 970px 540px and change the height (540px) to whatever the real height is of the image with width 970px. You may have to play a bit but this should work. You can change the above in breakpoints if needed but keep in mind that the image wont 'scale' doing it this way since you are setting a fixed width and height on it.

As for you last issue, your index page is blank in the demo link. However, if you are referring to the 'test' page, there are 2 issues:

1. In the page properties, you have page alignment set to 'center horizontally'. This should be changed to 'do not center page' since you are using layout grids and floating layers.
2. All your floating layers have floating mode set to default. This means they will only be as wide as they are in the workspace which is why they appear on the left of the screen. Change this to full width.

[davehappen]

hi crispy 68, sorry it took so long to reply,but you dropped in the spam box.
thanks your reply, after looking at your email i've got it looking like i wanted

https://1drv.ms/u/s!Ar_qzWsihagxgeRW5Pd ... g?e=aRa6rx

but i had to use contain on the background photo.
many thanks for all who helped.
i'm learning but age just slows the thinking process down a bit (a lot actually)