# Block plugin has contaminated the block editor

**URL:** <https://forum.pinegrow.com/t/block-plugin-has-contaminated-the-block-editor/7266>\
**Category:** Plugins\
**Created:** [November 26, 2022, 1:27pm UTC](https://forum.pinegrow.com/t/block-plugin-has-contaminated-the-block-editor/7266 "2022-11-26T13:27:14Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Hannah](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/hannah/32/5047_2.png) [@Hannah](https://forum.pinegrow.com/u/Hannah)\
**Post date:** [November 26, 2022, 1:27pm UTC](https://forum.pinegrow.com/t/block-plugin-has-contaminated-the-block-editor/7266/1 "2022-11-26T13:27:14Z")

</div>

Hi everyone! I purchased Pinegrow a few days ago thanks to @adamslowe’s conversation with WP Tavern. So thank you, Adam, for showcasing the application’s amazing potential. I trialed building my first plugin and installed in GeneratePress theme. Between Adam’s YT vid and the documentation, I was able to create a custom design section but the fonts in the block editor have changed! Anyone familiar with the block editor will know that this isn’t the original font - this is a font I chose for my h2 tag.  
Any ideas as to why this could’ve happened?

 ![Screenshot 2022-11-26 at 13.22.03](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/7/731e91f440ae25d3f07befad69b2c44ab5d64fa9.jpeg)  
Thanks in advance!

---

<div class="post-metadata">

**Author:** ![adamslowe](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/adamslowe/32/4590_2.png) [@adamslowe](https://forum.pinegrow.com/u/adamslowe)\
**Post date:** [November 26, 2022, 2:20pm UTC](https://forum.pinegrow.com/t/block-plugin-has-contaminated-the-block-editor/7266/2 "2022-11-26T14:20:17Z")

</div>

WordPress, in their infinite wisdom (sarcasm intended), decided that it would be fun to handle [Block editor styles separately from the front-end](https://css-tricks.com/getting-the-wordpress-block-editor-to-look-like-the-front-end-design/). In some cases, you may need to create a separate stylesheet to override whatever shenanigans the block editor is pulling.

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/5/5a7c3737a67fa68c9303c29fed9c637ddf8ff837.png)

---

<div class="post-metadata">

**Author:** ![matjaz](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/matjaz/32/5_2.png) [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Post date:** [November 26, 2022, 2:52pm UTC](https://forum.pinegrow.com/t/block-plugin-has-contaminated-the-block-editor/7266/3 "2022-11-26T14:52:16Z")

</div>

@Hannah to add to @adamslowe’s reply:

When including styles with your custom blocks (Editor or front-end), it is a very good idea to scope all the rules to your block selectors.

For example, if the main block element has a class `my-cool-block` all CSS rules should scope to that:

```auto
.my-cool-block {
    ...
}

.my-cool-block h1 {
...
}

```

---

<div class="post-metadata">

**Author:** ![Hannah](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/hannah/32/5047_2.png) [@Hannah](https://forum.pinegrow.com/u/Hannah)\
**Post date:** [November 26, 2022, 5:27pm UTC](https://forum.pinegrow.com/t/block-plugin-has-contaminated-the-block-editor/7266/4 "2022-11-26T17:27:37Z")

</div>

Thank you @matjaz, I’ll try this, although I’m confused why this is happening at all. I’d already removed the linked google fonts from the head ( h and p tags were being overwritten by the theme style sheet anyway) so it shouldn’t be able to call the fonts, in theory.

---

<div class="post-metadata">

**Author:** ![Hannah](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/hannah/32/5047_2.png) [@Hannah](https://forum.pinegrow.com/u/Hannah)\
**Post date:** [November 26, 2022, 5:35pm UTC](https://forum.pinegrow.com/t/block-plugin-has-contaminated-the-block-editor/7266/5 "2022-11-26T17:35:33Z")

</div>

Thanks for the article you provided. I’ll definitely give it a read. I’ll let you know what has worked if I’m successful.

---

<div class="post-metadata">

**Author:** ![Agile](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/agile/32/5049_2.png) [@Agile](https://forum.pinegrow.com/u/Agile)\
**Post date:** [November 27, 2022, 5:23pm UTC](https://forum.pinegrow.com/t/block-plugin-has-contaminated-the-block-editor/7266/6 "2022-11-27T17:23:10Z")

</div>

You’ve probably done this, but just in case… when there are style issues … flush it. All of it. Especially while making edits, and this varies WILDY amongst hosts, and even moreso within the same host but individual to what plan you are on, what caching you or they [sometimes they auto-install or blindly implement] use, etc).

I say this mainly because you mentioned that you already removed the google fonts, but still see them… that screams CCAAAAAACHHHHHE!

But, you know… tecnnology, so maybe not.

---

<div class="post-metadata">

**Author:** ![adamslowe](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/adamslowe/32/4590_2.png) [@adamslowe](https://forum.pinegrow.com/u/adamslowe)\
**Post date:** [November 27, 2022, 9:28pm UTC](https://forum.pinegrow.com/t/block-plugin-has-contaminated-the-block-editor/7266/7 "2022-11-27T21:28:35Z")

</div>

So. many. times… 🤬

I need more characters for this post and am trying not to use any four letter words.

---

<div class="post-metadata">

**Author:** ![Hannah](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/hannah/32/5047_2.png) [@Hannah](https://forum.pinegrow.com/u/Hannah)\
**Post date:** [November 28, 2022, 12:23pm UTC](https://forum.pinegrow.com/t/block-plugin-has-contaminated-the-block-editor/7266/8 "2022-11-28T12:23:50Z")

</div>

Scoping the rules totally worked!!! Thank you sooooo much @matjaz, I’m so grateful that it ended being such a simple solution.

---

<div class="post-metadata">

**Author:** ![Hannah](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/hannah/32/5047_2.png) [@Hannah](https://forum.pinegrow.com/u/Hannah)\
**Post date:** [November 28, 2022, 12:25pm UTC](https://forum.pinegrow.com/t/block-plugin-has-contaminated-the-block-editor/7266/9 "2022-11-28T12:25:17Z")

</div>

Lol, I’ve been tricked by the cache thing too so it’s literally become a life philosophy to check cache now.
