# Pre-made Bootstrap Blocks not showing styles in Gutenberg editor

**URL:** <https://forum.pinegrow.com/t/pre-made-bootstrap-blocks-not-showing-styles-in-gutenberg-editor/7594>\
**Category:** Pinegrow WordPress Plugin\
**Created:** [January 7, 2023, 3:38pm UTC](https://forum.pinegrow.com/t/pre-made-bootstrap-blocks-not-showing-styles-in-gutenberg-editor/7594 "2023-01-07T15:38:53Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![CarrieTwist](https://avatars.discourse-cdn.com/v4/letter/c/e8c25b/32.png) [@CarrieTwist](https://forum.pinegrow.com/u/CarrieTwist)\
**Post date:** [January 7, 2023, 3:38pm UTC](https://forum.pinegrow.com/t/pre-made-bootstrap-blocks-not-showing-styles-in-gutenberg-editor/7594/1 "2023-01-07T15:38:53Z")

</div>

I’m trying to add a Bootstrap block as a Gutenberg block following this [PG tutorial](https://pinegrow.com/docs/wordpress/courses-tutorials/creating-the-agency-wordpress-theme/creating-specialized-blocks/)

However, while I see the styles on the front end:

 ![front-end-styles](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/6/6b74427b15f99f25f397d78068651cfe771b0815.jpeg)

the block has no CSS styles applied in the Gutenberg editor.

 ![no-styles-GB](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/0/0c3d71479484179a8cde84d946d30885be9b503c.jpeg)

Based on [this article](https://css-tricks.com/getting-the-wordpress-block-editor-to-look-like-the-front-end-design/), I added the following to the functions.php file

add\_theme\_support(‘editor-styles’);  
add\_editor\_style( ‘/wp-content/themes/pinegrow-theme/css/style.css’ );

But I still don’t see the styles in Gutenberg.

Does anyone have any suggestions for how to resolve this?

Note, I do see the styles (inside the Gutenberg editor) of blocks I created myself, just not the styles of the pre-made bootstrap blocks.

 ![pg-bootstrap-block](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/f/f9ca2d5339cf14b123c2b135f0fc505744363542.jpeg)

---

<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:** [January 7, 2023, 3:48pm UTC](https://forum.pinegrow.com/t/pre-made-bootstrap-blocks-not-showing-styles-in-gutenberg-editor/7594/2 "2023-01-07T15:48:11Z")

</div>

Hi @CarrieTwist, assuming you are building a theme, use the Theme settings in PG to include bootstrap.css in the WP block editor:

> **[Displaying the Site Styling in the Block Editor | Pinegrow Web Editor](https://pinegrow.com/docs/wordpress/creating-custom-wordpress-blocks/displaying-the-site-styling-in-the-block-editor/)**
>
> How to include the website stylesheet in the Block editor so that block display correctly during editing.

---

<div class="post-metadata">

**Author:** ![CarrieTwist](https://avatars.discourse-cdn.com/v4/letter/c/e8c25b/32.png) [@CarrieTwist](https://forum.pinegrow.com/u/CarrieTwist)\
**Post date:** [January 7, 2023, 4:05pm UTC](https://forum.pinegrow.com/t/pre-made-bootstrap-blocks-not-showing-styles-in-gutenberg-editor/7594/3 "2023-01-07T16:05:08Z")

</div>

This solved it. Still working my way through the documentation. It’s a learning curve. Thanks so much for the direction!!