# ::before & ::after

**URL:** https://forum.pinegrow.com/t/before-after/317
**Category:** Styling (CSS)
**Created:** [October 27, 2016, 1:30pm UTC](https://forum.pinegrow.com/t/before-after/317 "2016-10-27T13:30:19Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![jeanjeff](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/jeanjeff/32/161_2.png) [@jeanjeff](https://forum.pinegrow.com/u/jeanjeff)
#### Post date: [October 27, 2016, 1:30pm UTC](https://forum.pinegrow.com/t/before-after/317/1 "2016-10-27T13:30:19Z")

</div>

Hi,  
I’m trying to use :before and :after selectors within Pinegrow WP but it seems not working. Is there a documentation link to using Pseudo-element in Pinegrow ?

---

<div class="post-metadata">

### Author: ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)
#### Post date: [October 27, 2016, 8:19pm UTC](https://forum.pinegrow.com/t/before-after/317/2 "2016-10-27T20:19:00Z")

</div>

@jeanjeff try this. Create a new style, for example a::after then click “Back to rules”. Then hover over your new rule and you will see \</\> then click on this and add what you want to it.

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

This adds the \>\> after links, see screenshot below:

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

This will add the content after the element. Not the most elegant solution but it seems to work. Hope it helps.