Page 1 of 1
background image
Posted: Mon Jul 06, 2020 3:34 am
by 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
Re: background image
Posted: Mon Jul 06, 2020 6:12 am
by Pablo
To cover the entire background, set the background size to 'cover'
Re: background image
Posted: Mon Jul 06, 2020 8:54 am
by 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
Re: background image
Posted: Mon Jul 06, 2020 10:13 am
by 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
Re: background image
Posted: Tue Jul 07, 2020 1:42 am
by 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?????
Re: background image
Posted: Tue Jul 07, 2020 2:22 am
by 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.
Re: background image
Posted: Wed Jul 08, 2020 12:52 am
by 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)