How can I adjust the canvas size in Webflow to be 1024x768?

Published on
September 22, 2023

To adjust the canvas size in Webflow to be 1024x768, you can follow these steps:

  1. Open your project in Webflow Designer: Log in to your Webflow account and select the project you want to work on.

  2. Open the "Project settings" panel: On the left side of the Designer, you'll find a vertical toolbar. Towards the bottom, there is an icon that looks like a gear. Click on it to open the Project settings panel.

  3. Navigate to the "Design" tab: Within the Project settings panel, you'll find a series of tabs. Click on the "Design" tab.

  4. Adjust the canvas size: In the "Design" tab, you'll see an option called "Canvas size". By default, it is set to "Auto". Click on the drop-down menu next to it and select "Custom size".

  5. Enter the desired dimensions: Once you have chosen "Custom size", two input fields will appear. The first field is for the width, and the second field is for the height. Enter "1024" in the width field and "768" in the height field.

  6. Apply the changes: After entering the desired dimensions, click on the "Apply changes" button. The canvas size will now be adjusted to 1024x768.

  7. Review and adjust your content: With the new canvas size, you may need to review and adjust the layout of your content to ensure it fits within the specified dimensions. You may need to resize and reposition elements to optimize the visual experience.

  8. Publish your changes: Once you are satisfied with the adjustments, click on the "Publish" button to make your changes live on the web.

Note: Adjusting the canvas size in Webflow does not automatically resize or reformat the elements within your design. It simply changes the visible area within which you can design.

Additional questions:

  1. How do I change the canvas size in Webflow?
  2. Can I set a custom canvas size in Webflow?
  3. What dimensions should I use for responsive web design in Webflow?