Skip to content

CSS Leak: Global <small> tag styling from plugin causes site tagline font-size inconsistency #4585

Description

@rodica-andronache

Description

When Atomic Wind Blocks are rendered on a page, the plugin enqueues global CSS rules that target HTML elements directly (specifically the tag, setting font-size: 80%).

Because the WordPress Site Tagline block natively outputs HTML using the tag, pages loading Atomic Wind Blocks end up shrinking the site tagline font size compared to older pages where the block isn't present.

Step-by-step reproduction instructions

Create Page A (Standard Gutenberg page without Atomic Wind Blocks).

Create Page B (Page utilizing Atomic Wind Blocks).

Inspect the header tagline on both pages.

Observe that the header tagline on Page B is noticeably smaller due to the inherited tag rule from the plugin’s stylesheet.

Expected Behavior:

Plugin styles should be scoped to block containers (e.g., .atomic-block ) or use Tailwind base-reset scoping so that base element styles (small, p, h1-h6) do not leak into global theme markup outside the block content wrapper.

Screenshots, screen recording, code snippet or Help Scout ticket

Image

https://wordpress.org/support/topic/site-tagline-text-size-in-header-slightly-smaller-in-newer-pages-vs-older-pages/

Environment info

No response

Is the issue you are reporting a regression

No

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugThis label could be used to identify issues that are caused by a defect in the product.customer reportIndicates the request came from a customer.

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions