Styly v editoru

Přecházíme z JA na WP a v převáděných článcích máme některé styly, které bychom si rádi odnesli s sebou do WP.
Např. zde jsou vidět růžový, modrý rámeček a pak jeden s “klukem”
https://www.chrudimka.cz/soutez-o-knihu-rolling-stones-1963-1965-na-ceste-za-hvezdnou-slavou.html
Zkusil jsem dát tyto styly do CSS šablony – ten růžový a modrý – ale bohužel se mi neukazují v editoru WP, ale až v článku samotném (a díky né úplně 100% převodu nejsou totožné, ale aspoň něco).
https://wp.chrudimka.cz/soutez-o-knihu-rolling-stones-1963-1965-na-ceste-za-hvezdnou-slavou

Kam tedy dát styly, abych je mohl tvořit přímo v editoru a byly i vidět?
A kam dát obrázek kluka (fyzicky) a jak upravit styl viz níže, aby i ten fungoval ve WP? 
p.kluk
{ background: url(../images/kluk.jpg) no-repeat 0px center #FFFFFF; border: 1px solid #CCCCCC; padding: 10px 0px 10px 100px;
}
Děkuju za radu či tip jak na to