SOLVED: Container Width 1366px not possible

[stabilo]

I use Bricks v 1.8.6. with Chrome Version 116.0.5845.140.

I have some projects with identical setup. This error occurs only in one project.

I cannot set the container width to 1366px. It is always set to 1100px. It works in the builder, but not live.

.brxe-container {
align-items: flex-start;
display: flex;
flex-direction: column;
margin-left: auto;
margin-right: auto;
width: 1100px;

The strange thing is that all other values work. For example, if I set it to 1400px via the theme styles, the 1100px value is overwritten. Only 1366px does not work.

I have already disabled all plugins (ACSS, Frames, WP Rocket etc). The problem still occurs.

I can gladly send the address via PN.

[aslotta]

Hey @stabilo,

thanks for your report.

As I am not able to reproduce the issue it’d be great if you sent some temporary credentials to help@bricksbuilder.io. Please include a link to this report.

Best,

André

[stabilo]

Yes, as I said. With 20+ other projects, the problem does not exist. I send you the access.

[aslotta]

Hey @stabilo,

the issue was that you had another theme style (Frames (Ignore)) with the container width also set to 1366px. Even though you did not set any condtions on this style this duplication confuses our CSS generation. I will have a deeper look at this but for now this is just an invalid setup. Make sure to delete the theme style (if you do not use it at all). For now I just removed the container width within this theme style and everything works as expected.

Best,

André

[stabilo]

Thank you. But that can’t be the problem. I have 20+ installations and all have the identical setup. Even with duplicate theme styles (frames (ignore)) and everywhere it works.

[aslotta]

Hey @stabilo,

it is the actual problem. Since the order in which the different theme styles and their conditions were created also matters it might be that you were lucky on the sites where this setup is working.

Best,

André

[boldfish]

Are you saying that if I have multiple themes, they all have to have different container width settings?

[aslotta]

Hey Tony,

what I was saying is that “I will have a deeper look at this but for now…” – and then I provided a workaround.

Do you have any concrete issues on a site of yours? If so please let me know where I can see them so I can take them into account when investigating the issue.

Best,

André

[boldfish]

Hey Andre,

I can’t replicate the issue with different themes having the same width, but it’s definitely an issue on stabilo’s site. It’s related to the entry in the width field, not the width calculated value, if that helps. (using a var to set container width the same in one theme is okay)

On his site, when two theme styles have the same 1366px container width entry neither style is applied. even if one is set to be excluded from the entire site. HTH

[stabilo]

Thanks for your investigation and feedback.
@aslotta Did you have time to look at it again?

[timmse]

Hi guys,
We’ve fixed this issue in Bricks 1.9.1/1.9.1.1, now available as a one-click update in your WordPress Dashboard.

Please let us know if you are still experiencing issues.

Best regards,
timmse

[stabilo]

Thank you. I have just tried it. It works now also with the pixel number. You are no longer forced to work with var(–content-width).

[AlexCase]

Hello,

I’m sorry to open this Thread again, but I’m running Brick 1.9.7.1 and I still have this issue…
No matter what value I put into the Theme Style settings, the container width on the frontend stays at 1100px

Conditions of the theme are set to Entire Website.
ELEMENT-CONTAINER width is set at 1366px, but I also tried with the variable var(–content-width) with no success.

I have ACSS and Frames installed as plugins.

I tried also removing the values from the Frames (Ignore) Theme Styles, also without success.

What can I do? Styles on the frontend still get overridden by the CSS class:

.brxe-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    width: 1100px
}

Which i see is defined in the file: frontend-light.min.css?ver=1712764804

[simon]

Did you install ACSS after Bricks? If not then according to ACSS support this is probably the reason (have you raised this issue in the ACSS forum?). They suggest deactivating and then reactivating ACSS. I have my content width set to 1366px via the ACSS dashboard and am using var(–content-width) in the Bricks theme with no issues.

[AlexCase]

Hi Simon,

yes, I followed precisely the installation tutorial by ACSS. But I can try deactivating it anyway.
Do you think this is a problem related to ACSS? Because even if i do not use a variable but a fixed size in px (1366px) the issue is still there.

Thank you

[timmse]

Hi Alex,
Can you provide a live link and a short screencast/screenshot showing your Theme-style settings and conditions?

[AlexCase]

Hi Timmse,

yes, sure.

This is the link: https://dottfabriziofantini.visionlab.studio/

Here are screenshots of the theme styles:

The forum does not let me put more than one media for each reply since I’m a new user

[AlexCase]

ACSS Blueprint 02/24:

[AlexCase]

Frames(Ignore):

Just to highlight I tried many possible combinations of values between the two styles to try out if any of them work (e.s. setting both styles to the same value, setting one and leaving the other empty, and so on)

[timmse]

It’s because of the “/” in the Theme Style name. Rename it, and it’ll work as expected.
We already received a ticket regarding this issue.