WAIT: Bricks outputs html { font-size: 62.5% } even when base font size is set to 100% (16px)

Bugs
1

Browser: Chrome
OS: macOS

When the base/root font size in Bricks is explicitly set to 100% (1rem = 16px), the generated frontend CSS still applies:

html {
  font-size: 62.5%;
}
2

Hi Rob,
Thanks so much for your report, and welcome to the forum!

Unfortunately, I cannot reproduce the problem. Please disable third-party plugins to see if that resolves the issue. If not, please show us your setup in detail and provide a live link to your website.

Best regards,
timmse

3

Hi, thank you very much. I am a new user to Bricks, so not sure if doing something wrong. But I don’t think so. It is a fresh install, no plugins installed, no server side caching. I didn’t create a theme style. Just went into style manager → settings and changed html font size to 100% and saved. In the frontend-layer.min css file it still shows 62.5%. If I create a theme style and set the base font size in there it works. However if i then disable the theme style and save, it then still shows the theme style html font-size in the inline styling, even though it is disabled. If you can’t recreate it i will send you a link or a video tomorrow when i have more time. Thank you for the welcome.

4

Thanks for the additional information! We set the html font size by default to 62.5%, but it can be overridden in the theme styles.

Where exactly did you change the font size, if not in the theme styles? Only in the style manager settings? If so, without a theme style, this only affects the calculations.

The theme style can only be “disabled” by removing its condition. In the builder itself, you will only see a “preview” of the theme style when you select i, but it will not be displayed in the front end, if there’s no condition applied: Theme Styles – Bricks Academy

If that doesn’t solve your problem, a video (preferably with voice) would be really helpful. :v: