Using REM with conversion 10px = 1rem

Fixed Bugs
1

Description:
Hi there amazing people :kissing_closed_eyes:
I have an issue with font previews in global settings. As seen in the provided screenshot the fonts are extremely big in the previews when using this conversion 10px = 1rem which is located in a cwicly global stylesheet. It also takes a couple of seconds before the text renders to proper size in the builder.
If i use pixels e.g. h1 65px it shows normally an not that huge in the preview but when i use 6.5rem instead the preview heading tags or other tags get much bigger, ad the loading problem isn’t there. Will there be a solution to this for us who want to use REM units with this conversion?

html {
  /* 1rem = 10px */
  font-size: 62.5%;
}
body {
  font-size: 1.6rem;
}

preview-cwicly
preview-cwicly1677×827 105 KB

Please write a brief description of the bug you’re experiencing, including what you expect should happen and what is currently happening.

Step-by-step reproduction instructions:

Please write the steps needed to reproduce the bug.

  1. Open the Post Editor/Site Editor

Screenshots, screen recording, code snippet

Insert Images, Videos or GIFs

Environment info

  • WordPress version: 6.1.1
  • Gutenberg Plugin version: -
  • Cwicly Plugin version: 1.2.9.5.5
  • Cwicly Theme version: 1.0.3
1 Like
2

Hello @chaudes,

Thanks for the report.

Apologies for the inconvenience here.
I can confirm this issue with the previews arising in the Site Editor.

We’ll make sure to have this fixed in the next update.

Cheers,

1 Like
3

Thank you Louis <3 And you don’t need to apologies :slight_smile:

4

Hello @chaudes,

This is fixed in 1.2.9.8.
Thanks for the report once again.

Cheers,