Section / Advanced Columns Issues and Missing Alignment Options

Hello @awfultype ,

Can you please share a screencast that points out the issue by mentioning the steps so that we can try to reproduce the same at my end?

Looking forward to hearing from you.

Regards,
Sweta

This seems to be a general problem. After including

"settings": {
    "layout": {
      "contentSize": "768px",
      "wideSize": "1024px"
    },

in theme.json only the top-level headings will have the wide/full alignment option. When a heading or any other alignable block is inside a group/container block, only the alignment option None is shown in Gutenberg 11.7.0. In Gutenberg 11.6 the alignment button was completely missing. Additionally, old alignment set without theme.json are ignored in the editor but not in page preview.

The simplest way to recreate the problem is to group a heading. Without theme.json it is possible to align the heading. With theme.json it is not.

This issue makes it impossible for us to transition to theme.json, as close to all pages contain wide or full alignment inside a group block.

Hello Sweta,

I just added the default code at that link and updated it with my colors and slugs.

https://wpastra.com/docs/override-astras-theme-json/

My screenshots are before and after of the “SECTION” block alignment when a theme.json file is added.

Before: https://snipboard.io/U2pVgC.jpg
After: https://snipboard.io/0ihKbH.jpg

The theme.json:

{
  "version": 1,
  "settings": {
    "color": {
      "palette": [
        {
          "name": "Theme Red",
          "slug": "awd-primary-color",
          "color": "#ed1c24"
        },
        {
          "name": "Theme Dark Grey",
          "slug": "awd-secondary-color",
          "color": "#282829"
        },
        {
          "name": "Theme Dark Alt",
          "slug": "awd-tertiary-color",
          "color": "#1a1818"
        },
        {
          "name": "Theme Grey",
          "slug": "awd-support-color",
          "color": "#b0b2b4"
        },
        {
          "name": "Theme Black",
          "slug": "awd-black-color",
          "color": "#000000"
        },
        {
          "name": "Theme White",
          "slug": "awd-white-color",
          "color": "#ffffff"
        }
      ]
    }
  }
}

• This reply was modified 3 years, 4 months ago by James Benavides. Reason: forgot to include link

Hello @awfultype ,

We’re sorry for the inconvenience caused to you.

Also, we are thankful for your patience and readiness to help us fix things that we come across.

I’d like to let you know, we already reported this issue to our concerned developers. They are looking into it. Please lend us some time.
?
Your patience and co-operation are highly appreciated.

Regards,
Sweta

Hello @awfultype ,

I have already taken this up and added it to our to-do list so that our developers can consider it in one of our upcoming updates.

I am making the query resolved for now.

You can always get in touch with us in case you wish to follow up or drop in any suggestion.

Thank you!