Editor de estilos CSS personalizados

Hola,

¿qué pasa con los pseudoelementos (:before y :after) en el campo de estilo CSS personalizado en el editor de arrastrar y soltar? No funciona.
El mismo problema ocurre con los estilos de imagen predefinidos.

Dos ejemplos que no funcionan:

img.img-25-right{
width: 22%;
float: right;
margin: 0px 10px 0px 10px;
}

i.pdf::before {
font-family: FontAwesome;
content: "\f1c1";
margin-right: 8px;
color: #666666;}

Parece que el estilo CSS personalizado no funciona para estilos de objeto ni estilos en línea...

¿Podrías ayudarme?