Change the border?

  • Sorry for another basic question, but I did search and couldn't find it (I guess I'm using the wrong terminology).

    How to I change the appearance of the grey box that surrounds my layout? Nothing fancy, I'd just like it to not be there, and from looking at other people's games, I see it's possible.

    Also, if I want to change the background surrounding the layout from the standard black, can I just edit the index file after exporting, in the same way I'd edit the background in any other html page, or will that break stuff?

    Sorry again for nooby questions, and thanks in advance for any help.

  • Search for this code in your index.html after exporting.

    <!-- This outlines the canvas with a black border and makes the page background black. -->

    <style type="text/css">

         canvas { border: 1px solid black; }

         body { background-color: black; color: white; }

    </style>

    Is a basic CSS3 definition of your page.

    Border attribute in canvas tag modify the box surrounding the layout.

    Background-color in body tag modify the color of your page. (color modify the color of the text in your page).

  • can I just edit the index file after exporting, in the same way I'd edit the background in any other html page, or will that break stuff?

    Yes you can, the grey border only appears in your preview I beleive.

    And I think Kyatric has a massive tutorial on editing your export file if you have a look there.

    Edit: Found it

  • Thanks for the info both of you. Helpful as always :)

  • You're welcome.

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • just from project properties, set "Full screen in browser" property to "off"

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)