Possible to edit default Bricks Container values?

[Axxrael]

I’m currently having good luck with Bricks, but I’m having extreme layout issues due to default bricks container settings. It’s been a hot minute since I’ve jumped into this stuff, so its quite possible I’m doing something else wrong… I swear the grids/flexboxes were having extreme issues, however…
All of my problems are solved if I remove a default width of 1100px from the following CSS selector: .brxe-container… or at least if I could update it to something else. I don’t see these default options in classes/variable manager. What’s the best way to handle this kind of update to the default values? These values are also never shown in the front-end as being inherited by anything?

I have ACSS as the only plugin to interact with Bricks (just in case). That may be an issue, but I’m afraid disabling it for further testing will cause some major issues and break things. =[
The naming schema gives me the impression this isn’t anything that some theme or import messed with, but that could also be a culprit I suppose.

Any help would be greatly appreciated for a super rusty goober getting back into stuff. Thanks!

[Binu]

Check this out:

How to change default max element width 1100px in Bricks 2.x

Hi, I’ve been trying for an hour to find where in Bricks 2.0 settings I can set a custom maximum width for elements. Currently, it’s set to 1100px by default, but in my projects this fits maybe 1% of cases. Most clients want a base width of around 1440px etc for the site/elements. Right now I’m handling it with a CSS hack: .brxe-container { width: 1400px; } but that’s obviously not ideal, and I expect there’s a way to set it properly within Bricks. Thanks for pointing out where to adjust t…

Since you mentioned you’re using ACSS, make sure the page width in Bricks and the ACSS settings match. That should clear up the container issues. If you prefer video, Kevin Gray has a good walkthrough on YouTube (just note the UI looks a bit different now because the video is from an older version).

Also, when I used ACSS in the past, I had to set the same page width in both ACSS and the Bricks theme settings. I’m not using ACSS anymore, so I’m not 100% sure if anything has changed recently, but that was the fix back then.

[Axxrael]

Thank you for the information.

Soz, I didn’t find that previous post which does seem to be the exact same issue.
Overall I did start with a staging site to double-check and ACSS doesn’t appear to have any effect with the common width setup.

Overall, I just added some sitewide CSS which seemed to be just fine for now.
When I went to check on the default settings under Manage ⛯ ❯ Theme Styles ❯ Elements there was the option to update it along with all the other default elements, but it still has a non-cancelable default value regardless.

Fortunately, with my limited testing changing it under the Theme Styles I believe stops competing CSS and has a location to update all common settings so I don’t have to hunt down CSS code.
Perfect!

[Dean]

I have the same problem. When Editing elements: section, container inside Theme Styles (set conditions for the entire website) - nothing changes.

What is the correct/best approach for setting default values for container, section, typography etc. ?

[Axxrael]

If you scroll a bit further down you can find where some elements have default values that you can update:
Manage ⛯ ❯ Theme Styles ❯ Elements
Here is a visual version:

Although, I think, Conditions should overwrite these… its not a bad place to start if you’re certain you want to update the root of these elements.