Global app theme set up with a "full width website" size but you want a fixed width on certain pages?

For the Softr users who have setup a full width in their app, inside the theme settings, but want a fixed width on certain pages, here is the code you need to insert in the code header, in the page settings:

<style>
.container {
  max-width: 1140px;
  margin: 0 auto;
}
</style>

This can be used, for example, if you have a landing page with a full width but you want a fixed width, more condensed layout, inside the core of your app, as some blocks can look huge if the width of the page is full.

1 Like