[RÉGLÉ] Image en pied de page pour template Protostar

[frlobe]

Bonjour,
comment ajouter une image en bas du template Protostar?
J'ai mis ce code dans le fichier template.css ligne 449:

.container-fluid {
	padding-right: 20px;
	padding-left: 20px;
	*zoom: 1;
	background-image: /images/foot.jpg;
}

Soit je me suis trompé dans le code backgroung-image soit je ne suis pas au bon endroit dans le code.
Merci de votre aide

[PATSXM971]

Re : Image en pied de page pour template Protostar

Bonjour,

essayez ceci :

.container-fluid { padding-right: 20px;
padding-left: 20px;
*zoom: 1;
background: url('../images/foot.jpg');
}

[lefabdu51]

Re : Image en pied de page pour template Protostar

ma question est... quel est le dossier contenant l'image?
Seconde question, est tu sur du sélécteur css a modifier?

[frlobe]

Re : Image en pied de page pour template Protostar

Bonjour
le code proposé par PATSXM971 ne m'affiche par l'image.

Pour lefabdu51, l'image est dans le répertoire C:\wamp\www\monsite\images
Pour le sélecteur CSS, j'ai utilisé le Web Développer. J'ai revérifié et j'ai le choix entre "p" ou ".container-fluid". J'ai mis le code dans les 2 sélecteurs sans succès.

[PATSXM971]

Re : Image en pied de page pour template Protostar

Bonjour

le code proposé par PATSXM971 ne m'affiche par l'image.

Pour lefabdu51, l'image est dans le répertoire C:\wamp\www\monsite\images
Pour le sélecteur CSS, j'ai utilisé le Web Développer. J'ai revérifié et j'ai le choix entre "p" ou ".container-fluid". J'ai mis le code dans les 2 sélecteurs sans succès.

il faut utiliser le répertoire images du template

[PATSXM971]

Re : Image en pied de page pour template Protostar

et comme lefabdu51 le pressent bien,
il faut utiliser, par exemple, la classe footer

.footer {
background: url('../images/foot.jpg');
}

ou personnaliser la classe .container du footer dans l'index.php
car elle est utilisée également pour le body du template
il faut également, en ce cas, modifier le fichier template.less et y inclure les paramètres de la nouvelle classe

(tests effectués pour les 2 solutions ; l'image s'affiche)

[frlobe]

Re : Image en pied de page pour template Protostar

super, ça fonctionne en effet avec le code

.footer {
background: url('../images/foot.jpg');
}

Par contre, pour l'image, ce qui est étonnant, c'est que quand on charge une image pour le logo du template, le fichier est chargé dans le répertoire image d site et non dans le répertoire image du template ...
Merci pour votre aide

[PATSXM971]

Re : Image en pied de page pour template Protostar

je vous en prie !

il n'y a rien de bizarre....
le chemin du logo est déterminé dans l'index.php du template et dirige vers le dossier images du site

si vous voulez vraiment placer votre image dans le répertoire images du site (au premier niveau), alors notez ceci dans la feuille css :
.footer {
background: url('../../../images/foot.png');
}