[RÉGLÉ] Personnalisation fond de page Protostar

[allanmarla]

Bonjour,

Voilà je suis entrain de faire un site avec joomla 3.8.7 en utilisant le template protostar.
J'ai commencé à le parametrer et j'aimerai lui mettre une image en fond d'ecran.
Ma procedure:

1- Regarder avec inspecter l'element sous firefox où je dois modifier.
Apres avoir recherché je rajoute la ligne
background-image: url(/eslvolley/images/Acceuil/Dieux.PNG);
Impeccable l'image se met en fond d'ecran --> je connais l'endroit où je dois modifier dans mon template.css

2- Je vais modifier directement dans mon template.css à la ligne indiquée dans le menu inspecter element.
Je sauvegarde et là - mon fond d'ecran ne s'affiche pas.

body.site{
border-top:3px solid #0088cc;
padding: 20px;
background-color: #00E5C6;
background-image: url(/eslvolley/images/Acceuil/Dieux.PNG);

Je ne sais pas pourquoi !!!

Note:
Pour réaliser une autre modification, mettre en vert et en capital les titres de mes articles je suis passé par .less que j'ai ensuite compilée.
Pas de probleme.

Merci de votre aide

[papounet]

Hello,

Je ne suis pas spécialiste de ton template, mais à force de croiser ton soucis sur les différents forum, il me semble que la réponse est dans ta question :

Note:
Pour réaliser une autre modification, mettre en vert et en capital les titres de mes articles je suis passé par .less que j'ai ensuite compilée.
Pas de probleme.

Alors pourquoi ne pas faire pareil ???
Bref passes par le .less

Papounet

[allanmarla]

[REGLE] Je vais devoir m'y mettre au .less, pour un debutant ce n'est pas simple entre inspecter l’élément mettre les classes etc etc. Merci

[papounet]

Franchement, je ne penses pas que ce soit bien utile...
Personnellement, je pense qu'il faut faire au plus simple.
Tous ces systèmes alourdissent le code pour rien.

[lomart]

Bonsoir,

[REGLE] Je vais devoir m'y mettre au .less, pour un debutant ce n'est pas simple entre inspecter l’élément mettre les classes etc etc. Merci

Vous n'êtes pas obligé de vous mettre au LESS, car :
- LESS est abandonné pour SCSS dans Joomla 4
- il ne faut jamais modifier le template de base. Faites-vous un fichier protostar/css/user.css avec vos règles
- si vous n'êtes pas à l'aise avec le CSS, il existe des extensions pour vous aider. Au hasard, la mienne https://lomart.fr/extensions/bgmax

[papounet]

Ah, et celle-ci ne serait elle pas mieux pour notre ami allanmarla :

https://lomart.fr/extensions/14-customcss

Papounet

Publicité : Une bonne extension est une extension estampillée lomart,

[Eddy.vh]

Bonsoir.

Publicité : Une bonne extension est une extension estampillée lomart,

Faut avouer qu'il fait de chouettes extensions notre lomart...

[lomart]

Ah, et celle-ci ne serait elle pas mieux pour notre ami allanmarla :

https://lomart.fr/extensions/14-customcss

Papounet

Publicité : Une bonne extension est une extension estampillée lomart,

Bonsoir Papounet,

Customcss est inutile car protostar supporte son propre fichier.
Je pense que son problème est plus globalement le code CSS. D'où ma suggestion gratuite

[GraphiqueDesign]

Allanmarla met des majuscules dans ses noms de fichiers, j'ai dernièrement perdu beaucoup de temps avec une majuscule (fonction blog dans hélix ultimate) bien que cela ne pose pas systématiquement un problème ... À tout hasard, pourquoi ne pas s'en tenir aux minuscules ?