Wordpress - Theme Responsive - Img de fond

Bonjour à tous,

Je suis nouveau sur le forum, je suis entrain de retravailler le site (une école de cirque) afin de le passer sur Wordpress. J'utilise actuellement Webacapella par facilité.

J'aimerai garder un maximum l'aspect de mon site actuel mais l'adapter en responsive sur Wordpress.

Je suis bloqué sur une chose et j'ai du mal à trouver une solution sur le web ou ce n'est tout simplement pas possible, je vous explique, actuellement, mon infographiste avait créer des cadres de textes spéciaux (avec des bordures non droite) et des cadres remplies d'une couleur mais toujours d'une forme non droite , c'est donc une image de fond que je sais facilement appliquer sur Webacapella. Sur wordpress, j'ai essayé avec la balise DIV d'appliquer des attributs pour que l'image couvre le texte et ne se répète pas, mais les contours de mon cadres ne s'affiche pas et pour le cadres remplies, cela n'affiche que la couleur de fond et non les contours de la forme spéciale que je recherche.

Comment puis je faire pour que l'image est visible complètement et que le texte apparaît bien dedans sans dépasser tout en étant adapté pour les différents supports en responsive.

Merci pour votre aide.
Modifié par crazycircus (26 Jan 2016 - 08:54)

.classDeImageConcernee {
    background-size: cover;
}

Voir ici pour les explications.

J'ai déjà essayé cette solution, en effet l'image s'étire sur le block div , mais le soucis étant que les contours qui ne se voit pas et c'est çà le principal dans ma forme. Je peux éventuellement ajouter une marge à mon image sur tous les cotés pour voir enfin les cotés mais alors mon texte va déborder sur le cadre. Comment faire?

Oui voici un lien sur un test article:

http://test.crazycircus.be/index.php/2016/01/25/140/

L'image que j'ai appliqué :
http://test.crazycircus.be/imageperso/fondvert.png

Et pour le cadre non plein c'est celui ci, mais ça ne fonctionne pas non plus :
http://test.crazycircus.be/imageperso/carre_bleu1.png

Enfaite tu essaye de conserver la forme des deux images, le fond vert entouré du contour bleu pour l'article en question si j'ai bien compris ?

C'est bien çà , je sais le faire actuellement avec Webacapella et vu que j'essaye de garder au maximum l'aspect actuel de mon site car j'en suis très content, j'essaye de reproduire si c'est possible si pas je devrai me résigner à adapter certaine chose.

Je me suis mal exprimé, c'est du texte qui doit être affiché dans les deux parties:
voici un exemple sur le site actuel:

Fond de couleur : http://crazycircus.be/ (ou sont places les vidéos, mais il y a du texte sur la partie anniversaire : http://crazycircus.be/animationanniversaire.html )

Bordure : http://crazycircus.be/ (sur les différents cotés )