NO BUG: Shortcode shown way to small/scaled down

Hi, I’m using this booking plugin and it gives me this shortcode and when I try to implement it, it always looks out of place. It looks it actually is scaled down. I know its bricks that causes it because every time I change the theme it goes back to normal.

What I did:
I put it in a box, section, dvi and changed some styling settings, I also disable many css elements in my browser console and put some css code but I still don’t get it look normal.

Does anyone have a suggestion on what I can do?

Hey @asd23,

thanks for your report.

Did you try setting a width of 100% on the shortcode element? If so and if it is still not working for you as expected please share URL with us so I can have a look at the actual setup.

Best,

André

I contacted bricks support the link.

Hey @asd23,

thanks for sending the credentials.

The issue is that the root font size is currently set to 62,5% in ACSS.

This makes calculations easier as 1rem equals to 10px. The problem with this setting is that some plugins rely on the default browser settings (which is 1rem being equal to 16px). So if you change this to 62,5% the plugin outputs all of its contents pretty small.

After changing the value back to 100% everything looks normal:

Best,

André

2 Likes

Any solution how to handle this? I have a ticket plugin that displays fonts as 10px (1rem). I don’t want to increase my Root Font size to 100% of course.