Remove or customize Atomic Block Container default max-width

  • Resolved in2itivedigital

    (@in2itivedigital)


    5 years, 1 month ago

    Hi,

    Is there a way to either remove or customize the default max-width for the AB Container “Inside Container Max Width (px)”? I can’t just remove the value entirely as if I do, the block breaks giving a “This block contains unexpected or invalid content” error when I reload the page on the editor.

    I need to remove it as it’s making the content/container left aligned on large screens, I just need it to be 100vw.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • alexmustin

    (@alexmustin)

    I agree – we need a way to remove the inside container max-width.

    If you manually delete the Max-Width pixel number in the field and save the page, the inline styles for the width forced on the block becomes undefinedpx — EDIT: this error has been logged: https://github.com/studiopress/atomic-blocks/issues/231

    We need a checkbox option or something to specify when we want the inside container to take up 100% width without having any constraints.

    • This reply was modified 5 years ago by alexmustin.
    • This reply was modified 5 years ago by alexmustin.
    • This reply was modified 5 years ago by alexmustin.
    Plugin Author atomicblocks

    (@atomicblocks)

    Hi there,

    Looks like we’ll have to make an update to the code to address this. However, in the mean time, you can add some CSS to your frontend using the Additional CSS box in the Customizer.

    We do have the issue logged and will grab it in the next bug fix cycle. Thanks for the heads up!

    Thread Starter in2itivedigital

    (@in2itivedigital)

    Hi,

    I ended adding some CSS to force width: 100vw for the container for now.

    Thank you for your response.

    alexmustin

    (@alexmustin)

    Good call, @in2itivedigital.

    If anyone else is looking for the CSS code to fix this, it is:

    .wp-block-atomic-blocks-ab-container > .ab-container-inside > .ab-container-content {
    max-width: 100vw !important;
    width: 100vw !important;
}
    Plugin Author John Parris

    (@mindctrl)

    Thanks for posting that @alexmustin. That’s helpful until we have this fixed in a future update.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Remove or customize Atomic Block Container default max-width’ is closed to new replies.