Codeinwp / Codeinwp/otter-blocks

CSS not applied to all FSE templates when Blocks CSS plugin is used

Open
#1,997 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug customer report
Dominant language
JavaScript
Stars
198
Forks
36
Avg merge
3d 4h
Merged PRs (30d)
30

Description

Description

If i use the Blocks CSS plugin and set a background color in the header template part, it will be applied only on the homepage. If i deactivate the plugin and switch to Otter, the CSS will be applied to all templates (homepage, page, single post...). Here is a video with the behaviour https://vertis.d.pr/v/ldxpHX

Reported here - https://wordpress.org/support/topic/css-for-template-work-on-home-page-but-not-work-on-other-pages/

Step-by-step reproduction instructions
  1. Install Blocks CSS plugin and Raft
  2. Add some Custom CSS in the header template part
  3. Check if it's applied on Page, Single post
  4. Deactivate Blocks CSS and activate Otter
  5. Check if the Custom CSS is applied on Page, Single post
Screenshots, screen recording, code snippet or Help Scout ticket

https://vertis.d.pr/v/ldxpHX

Environment info

WordPress 6.4.1 / PHP 8.0 / Blocks CSS 2.5.2 / Otter 2.5.2

Is the issue you are reporting a regression

No

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the issue with WordPress 6.4.1, PHP 8.0, Blocks CSS 2.5.2, and Otter 2.5.2 using the header template part and the linked recording. Compare CSS output on the homepage, pages, and single posts with Blocks CSS enabled and with Otter enabled; done means the custom CSS applies consistently across those templates.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.