Hybrid theme not accessing alignwide class

  • Resolved clgolden2023

    (@clgolden2023)


    9 months ago

    A few days ago I noticed all of the blocks set to Wide-width are not wide.

    This is a hybrid theme I built in 2021-22 and it’s been working great until now. Maybe the 6.4.3 update? I’ve tried all the classic troubleshooting steps: plugins off, caches cleared, checked other browsers… and more.

    It must be a theme problem because the style works with TT4 theme.

    One important difference I can see is that in TT4, the Media-Text block has this style

    body .is-layout-constrained > .alignwide {
    max-width: var(–wp–style–global–wide-size);
    }

    whereas my theme does not. In fact the definition of .alignwide is nowhere to be found.

    Yes, I do have the following in theme . json

    “settings”: {
    “layout”: {
    “contentSize”: “768px”,
    “wideSize”: “1200px”
    },

    I have several theme supports enabled in functions . php and notice that TT4 has none. Mine include…
    – add_theme_support(‘wp-block-styles’);
    – add_theme_support(‘align-wide’);

    I hope someone can send me in the right direction.

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator t-p

    (@t-p)

    It must be a theme problem because the style works with TT4 theme.

    That what it sounds like.
    Where did you acquire this Hybrid theme from?

    Thread Starter clgolden2023

    (@clgolden2023)

    I have now determined that the issue started with the WP 6.4.3 update.

    Thread Starter clgolden2023

    (@clgolden2023)

    @t-p I’m not sure how to respond to your reply since responses to both of your comments are in my original post.

    Moderator t-p

    (@t-p)

    I have now determined that the issue started with the WP 6.4.3 update.

    Your custom designed theme may have compatibility issue with 6.4.3

    Thread Starter clgolden2023

    (@clgolden2023)

    I figured out the solution.

    I needed to add the new “useRootPaddingAwareAlignments”:true, to the theme json under settings along with the styles > spacing > padding styles per these instructions.

    I hope this helps someone.

    Cheers!

    • This reply was modified 8 months, 2 weeks ago by clgolden2023.
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Hybrid theme not accessing alignwide class’ is closed to new replies.