Gutenberg editor paragraph font small when plugin activated

  • Resolved jamieburchell

    (@jamieburchell)


    11 months, 2 weeks ago

    I noticed that the paragraph font size is small in the Gutenberg editor (posts and pages). I disabled this plugin and the font size was restored.

    The following CSS from ayecode-ui-settings.php (line 518):

    p {
   font-size: 13px;
   line-height: 1.5;
   margin: 1em 0;
}

    Is overriding this CSS:

    :where(.editor-styles-wrapper) p {
    font-size: revert;
    line-height: revert;
    margin: revert;
}

    It looks as though that plugin is bringing in lots of unwanted CSS to the admin area.

    WordPress v6.4.2
    GeoDirectory v2.3.34?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Stiofan

    (@stiofansisland)

    Hi @jamieburchell,

    Our font system is baed on resposive, if your theme is not setting a specific size on the body then it can be a bit off. You can fix this under WP Settings > AyeCode UI > HTML Font Size?
    Just set it to somthing like 16 or 14 etc, save and then view the frontend, once the font sites is the same as the original everything will work as normal ??

    Just let me know if you have any issues.

    Thanks,

    Stiofan

    Thread Starter jamieburchell

    (@jamieburchell)

    @stiofansisland I am not referring to the front-end styles. I am referring to the admin Gutenberg?editor for posts and pages.

    Plugin Author Stiofan

    (@stiofansisland)

    @jamieburchell thanks for the clarification, i’m not sure why that was added, let me discuss with the devs tomorrow and if its not required for anything we will have it removed and in Thursdays release.

    Thanks for reporting.

    Stiofan

    Thread Starter jamieburchell

    (@jamieburchell)

    Thanks @stiofansisland

    I have looked at the code from the last few releases and that CSS gets injected in the admin area for posts and pages and other areas, however I have only noticed the font size issue very recently. Perhaps it is an incompatibility with WordPress 6.4.2. The issue is resolved by disabling GeoDirectory in any case.

    Thread Starter jamieburchell

    (@jamieburchell)

    @stiofansisland This issue is present from WordPress >= 6.4. It is not present in 6.3.2.

    In WordPress 6.3.2 the CSS overrides the CSS your plugin injects due to it being more specific (qualified by html)

    html :where(.editor-styles-wrapper) p {
    font-size: revert;
    line-height: revert;
    margin: revert;
}

    In 6.4 the html prefix to the rule has been dropped, causing your CSS with a smaller font size to take precedence.

    • This reply was modified 11 months, 2 weeks ago by jamieburchell.
    Plugin Author Paolo

    (@paoltaia)

    Just FYI, I have a site with WP 6.4.2, the latest GeoDirectory and the latest Directory Theme, and the p font size is set by this rule:

    .editor-styles-wrapper p {
    font-size: var(--wp--preset--font-size--small);
}

    Thread Starter jamieburchell

    (@jamieburchell)

    I’m not using the directory theme; the default WordPress reset CSS for the editor’s p element is being overridden by the CSS output here ayecode-ui-settings.php:518 since WordPress 6.4

    Plugin Author Stiofan

    (@stiofansisland)

    This was removed and will be in tomorrow’s release.

    Thanks,

    Stiofan

    Thread Starter jamieburchell

    (@jamieburchell)

    Thanks @stiofansisland

    Thread Starter jamieburchell

    (@jamieburchell)

    @stiofansisland @paoltaia in case you did not see it this issue seems to explain why this came up in WP 6.4 and it looks like a fix is planned for 6.4.3.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Gutenberg editor paragraph font small when plugin activated’ is closed to new replies.