4 Replies Latest reply: Apr 11, 2014 2:53 PM by Picturequest

Help with setting up full width site?

Picturequest Apr 11, 2014 12:55 PM

Hello!

I'm new, Been following a lot of videos. I'm mainly interested in creating a full width or full screen parallax site like:

http://leicastorela.com/

I'm getting stuck on the initial NEW SITE DIALOG. I'm setting 1100 as width, 500 as height. I've zeroed out the gutters, padding etc. But when I preview I still get gray bars on the side? See screen shot.

What should I set the NEW SITE parameters as to achieve the full screen look? Thank you

PS: I even tried extending the menu bar all the way past the gray bars, same results. I'm on 7.3. I notice when I stretxh the black bar to the edge it does not say 100%? I think I'm on the latest version. I know that feature is new?

1. Re: Help with setting up full width site?

agm 123 Apr 11, 2014 1:02 PM (in response to Picturequest)

When you want to create a full sceen effect you have to extend your object/image outside the page size to the
ends of the grey area. See attached image.
Make sure you see the red lines appear on each side of the page when you extend your artwork to the edge.

This effect works for base objects for photos make sure you have "scale to fill" marked when inserting
it in a box.
Like Show 0 Likes (0)

Actions
2. Re: Help with setting up full width site?

Picturequest Apr 11, 2014 1:15 PM (in response to agm 123)

The first part worked. Thank you. But regarding the image. I just dragged and dropped it in. It is scalled to both sides as with the black menu bar to the red lines and it says 100% on both sides but it does not preview full screen?

How do I set "scale to fill" if I dragged and dropped or do I need to reimport it a new way?

So create an empty box and place it in there instead? not 100% sure.

Thanks
Like Show 0 Likes (0)

Actions
3. Re: Help with setting up full width site?

agm 123 Apr 11, 2014 1:38 PM (in response to Picturequest)

Create a box first, size the vertical to fit, extend the horizontal to the ends, making sure you see the red keylines, then select the "Fill" dropdown and import your image through there. Select the "Scale to Fill" fitting option.
Like Show 0 Likes (0)

Actions
4. Re: Help with setting up full width site?

Picturequest Apr 11, 2014 2:53 PM (in response to agm 123)

That worked. Thanks. So no more drag and drop:-)
Like Show 0 Likes (0)

Actions

Go to original post

Help with setting up full width site?

1. Re: Help with setting up full width site?

2. Re: Help with setting up full width site?

3. Re: Help with setting up full width site?

4. Re: Help with setting up full width site?

Actions

More Like This

Legend