ako aplikovať CSS na obrázok v sidebare v WP

Zdravím. Snažím sa aplikovať vo Wordprese do sidebaru na obrázok ktorý bude fungovať ako link tento efekt:

<div id="cf6_image" class="shadow"></div>

#cf6_image {
margin:0 auto;
width:450px;
height:281px;
transition: background-image 1s ease-in-out;
background-image:url("/images/Windows%20Logo.jpg");
}

#cf6_image:hover {
background-image:url("/images/Turtle.jpg");
}

výsledný efekt ako to má fungovať je tuna :http://css3.bradshawenterprises.com/cfimg/ Demo 5 - Animating the background-image property

stiahol som si widget: Enhanced Text Widget ktorý by mal vedieť čítať CSS ale zatiaľ sa mi to ani jeden krát nepodarilo.
preto sa chcem spýtať čo robím zle.
stránka http://www.Gamefreak.sk diki moc

Nech pozerám, ako pozerám, ale na tvojej stránke nevidím žiadny element s id "cf6_image".

ten efekt chcem aplikovať na obrázok : http://www.gamefreak.sk/wp-content/uploads/2013/10/darkknight.jpg

<div id="http://www.gamefreak.sk/wp-content/uploads/2013/10/darkknight.jpg" class="shadow"></div>

[color=#00FF00]#http://www.gamefreak.sk/wp-content/uploads/2013/10/darkknight.jpg {
margin:0 auto;
width:450px;
height:281px;
transition: background-image 1s ease-in-out;
background-image:url("/images/Windows%20Logo.jpg");
}

#http://www.gamefreak.sk/wp-content/uploads/2013/10/darkknight.jpg {
background-image:url("/images/Turtle.jpg");
}

Ide to ! Ďakujem Ti za pomoc tá tvoja otázka má na naviedla na správnu cestu diki MOC =D

ale stále pre CSS musím používať wordpress css editor a nie widget. To css sa tam zadáva v nejeakom inom formáte tak neviem...

Vidíš, to je vaša chyba - dávate nám kódy z tutorialov, ktoré samozrejme fungujú. Keby si nám dal svoj kód:

tak ti rovno poviem, že to, o čo sa snažíš, je blbosť a povedal by som ti, aby si si našiel administrátora, ktorý sa ti o to bude starať, alebo sa douč základy (nielen CSS), ktoré budeš potrebovať pri zmenách.

jasné neboj =D