Different container for block

Hi,
Why these blocks - (a Grid and a List with vertical cards and tag)get different container/fullwidth pattern and can’t see where we can select or dsable the fullwidth behavior. We get the same issues with some list detail blocks.

Thanks

Hi @Semaphore the width of new Grid block can be adjusted from Theme


Even though it is not yet available on old blocks but we are going to migrate the old blocks to new version gradually ensuring they all have the same settings

Thks ! I Will try it.
I want share an idea : the “Size” label is too confusing for me. Maybe block width will be clearer ?

Hi,
We still have issues:
We have set a List details page with 3 column view and a Item details after
We have set the global theme to “M” and we get this ugly rendering:

Any idea for fixing this ? what mistake did I make ?
Thanks

Hi @Semaphore you can adjust the content width from here


and in order for it to work on old blocks as well you can use the following custom code by inserting it into Page Settings>Custom Code>Header and make sure that “max-width” in the code matches with the width you set in Theme.

<style>
  .container {
      max-width: 1152px;
      padding-left: 16px;
      padding-right: 16px;
  }
  
  @media screen and (min-width: 576px) {
    .container {
        padding-left: 24px;
        padding-right: 24px;
    }
  }
  
  @media screen and (min-width: 1200px) {
    .container {
        padding-left: 0;
        padding-right: 0;
    }
  }
</style>