Welcome to TalkGraphics.com
Results 1 to 3 of 3
  1. #1

    Default Changing page to full width

    I have created my website on the 960 pixel width which looks too small. Can I change the width to full browser size?

  2. #2
    Join Date
    Dec 2018
    Location
    Australia
    Posts
    1,776

    Default Re: Changing page to full width

    The easiest way would be to use Scale To Fit Width, if you're up-to-date enough to have that feature:
    Utilities > Web Properties > Export (tab) > Scale To Fit Width. Type a size in the box and preview. Try a few, like 1280, then 1440 to which looks the best for your content.

    If you don't have that option, you could go to:
    File > Page Options > Paper Size (drop down) > Custom. Type a width and choose Apply To All Pages. Using this method, you would have to alter the size of your content independently.

  3. #3
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,823

    Default Re: Changing page to full width

    peebee44, you have a number of tools available for XWDPv11 but these are limited.

    The quickest is Utilities > Website Variants > Properties > page width: 1440px (or your choice) > Update.
    You can do the same with Option > Page Size, ticking All pages.
    Either keeps your design in Top-Left position and you are then free to Select All and scale to the new Right edge.
    This scales images and text and may appear too large.

    You can therefore be selective in scaling and positioning.
    You may wish to scale text boxes and then adjust with the inner controls to reshape the box.

    If scaling images, you need to keep an eye on the dpi on the status bar.
    If it drops much below 96dpi, you may need to locate your originals.

    The best 'trick' you have is Sticky & Stretchy objects.
    You need to remove the Page shadow and match Page and Pasteboard colours as a minimum.
    You can be fancier with colour gradients and the like.
    The next step is to add a Sticky & Stretchy hero image at the top of the page so, regardless of the browser width, the image fills across.
    Next do similar with a backplane for your NavBar so it looks at it it extends beyond the edge of the design page.
    In Web properties > Website, remove Clip to page edge and slide a number of images and Text Areas beyond the design page edges.

    The last one is to switch to a Supersite > Page Transitions and tick Scale to Fit Screen.
    This is not suitable for some designs and will affect any objects that are unclipped at the edges.

    Later versions are more versatile.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •