# Version 3: edit ::before and ::after

**URL:** https://forum.pinegrow.com/t/version-3-edit-before-and-after/1037
**Category:** General
**Created:** [June 30, 2017, 11:33am UTC](https://forum.pinegrow.com/t/version-3-edit-before-and-after/1037 "2017-06-30T11:33:21Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![fishmi](https://avatars.discourse-cdn.com/v4/letter/f/c89c15/32.png) [@fishmi](https://forum.pinegrow.com/u/fishmi)
#### Post date: [June 30, 2017, 11:33am UTC](https://forum.pinegrow.com/t/version-3-edit-before-and-after/1037/1 "2017-06-30T11:33:21Z")

</div>

Maybe I’m too stupid, but I can not find any way to edit ::before and ::after from an existing element. Only with the Stylesheet File.

---

<div class="post-metadata">

### Author: ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)
#### Post date: [June 30, 2017, 12:21pm UTC](https://forum.pinegrow.com/t/version-3-edit-before-and-after/1037/2 "2017-06-30T12:21:22Z")

</div>

For specific things like ::before & ::after which are not (yet) handled through the UI, you can click \<\> to edit rule code.  
 ![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/497fd08b440f83b5b53b6fa339e60a71b44be0fc.jpg)

Then, you can edit the CSS rules individually.

 ![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/dd661ee887da641f76c3f48df99ee61e0ffa1e41.jpg)