SOLVED: Theme style container width bug

Hi! In Theme Style I add own values to container.

  • Width: 100%
    Max.width: 1330px

But when I add a container in a page editing, the values not match.

Themes style values:

Editor values:

1 Like

Hey @simplecreative,

thanks for your report.

Is it possible that you’ve created multiple theme styles with similar conditions and different settings? Please send some temporary credentials to help@bricksbuilder.io from the email address you used to purchase Bricks. Please also include a link to this forum thread. Happy to have a look then.

Best,

André

Thanks your fast reply. No, I’m jut now started a new site, I only make ONE theme styles.
I Send you an admin account to the mail now.

Hey @simplecreative,

thanks for the credentials. The values you specified in the theme styles are correctly applied to the container. You will see that when you inspect it on the frontend:

So it’s just the input placeholder in the builder that isn’t correctly reflecting them. I’ll add this to our bug tracker.

Best,

André

1 Like

Thanks your support. Yes, I have been same in console. But this is quite misleading, because those who do not know / are familiar with the phenomenon will automatically want to overwrite the values. (Several of us work in parallel on the same page.)

If there is a way, please release a “hotfix” this week so that such and similar errors can be solved.

I think this is related to the post I made a while ago which unfortunately still hasn’t been resolved, and is quite an impactful defect despite seeming to be a small one… WIP: Theme Style > Typography in 1.8 beta shows wrong greyed-out default value, inheriting from mobile

Kindly prioritize these defects, it’s incredibly difficult to work on a site when the placeholder values are incorrect. :frowning: I’d love to see these fixed for 1.8.2.

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

Please let us know if you are still experiencing issues.

Best regards,
timmse

1 Like

Hi Timmse!

I tested it now, but something wrong again.
I just only see empty values (and not light grey values from themes styles)

Bricks Page editor container:

Bricks Theme style container:

Right, we removed the 100% max-width placeholder value. But we are not populating the width, height, etc., as the width equals the max-width when using getComputedStyles (Window: getComputedStyle() method - Web APIs | MDN) which we use to retrieve the placeholder value of a CSS setting. Accordingly, that is the only thing we can do in this case.

Sorry, maybe I’m not sure I understand what you’re writing.

The concept worked well in Bricks for a very long time, I don’t understand why it had to be touched on now.

If I pre-set some values under Theme Styles, these “default” values also appeared in the editor section with a faint gray color. And that’s right! Especially when several of us work on the same website or when we hand over the completed website to a client. That way, since the default value is no longer marked (meaning the value set in Theme Styles), no one but me will know that it already contains basic settings.

Nothing has been touched regarding the width & height placeholder values in 1.8.1.

As Stefan wrote, Bricks retrieves the placeholder values via the getComputedStyle .

If you set a max-width, its value is used for the width too, which can be misleading/wrong if the width is set to a different value. Which is why we don’t populate it.

If you set a width or max-width on the base breakpoint and view a different breakpoint, the placeholder will show correctly as we can get the value from the actual setting.