ligne séparation articles

[jg92]

Bonjour,
Après avoir chercher en vain, je me retourne vers la communauté.

j'ai réussi à mettre dans le css du template une ligne pour séparer les articles, cela fonctionne sauf pour la page d’accueil que ce soit en blog vedette ou blog de catégorie.

je suis perdu comment faire, merci

le site : http://cnl-acacias.legtux.org/index.php/accueil

[fynhooft]

Re : ligne séparation articles

Bonjour,

tu ajoutes, dans ton fichier template.css, le code suivant :

.leading-0 , .leading-1, .leading-2, .leading-3{
    border-bottom: 3px solid red;
    margin-bottom: 3rem;
}

Si tu veux des couleurs différentes, tu enlèves le leading concerné et tu rajoutes une règle identique spécial pour lui.

[lomart]

Re : ligne séparation articles

Bonjour,

+1 avec fynhooft, mais je ferais une solution qui soit valide quel que soit le nombre d'articles. La dernière règle supprime la séparation pour le dernier article.

[class^="leading-"] {
    border-bottom: 3px solid red;
    margin-bottom: 3rem;
}
[class^="leading-"]:last-child {
    border: none;
}

[jg92]

Re : ligne séparation articles

désolé , mais rien ne s'affiche avec vos propositions

voila ce que j'ai qui fonctionne mais pas en page d’accueil

.item {border-bottom:3px solid red;}

si je mais les deux soit cela ça fonctionne lol

.item {border-bottom:3px solid blue;}




[class^="leading-"] {
border-bottom: 3px solid blue;
margin-bottom: 3rem;
}
[class^="leading-"]:last-child {
border: none;
}

[lomart]

Re : ligne séparation articles

désolé , mais rien ne s'affiche avec vos propositions

Sur ton site je vois que tu as mis ma proposition et qu'elle fonctionne

Tu demandais une solution pour ta page d'accueil, notre réponse ne concernait donc que la page d'accueil et venait en complément de ta solution .item {border-bottom:3px solid blue;}

Pour être complet, le CSS devrait être :

 
.blog .item, [class^="leading-"] {
border-bottom: 3px solid blue;
margin-bottom: 3rem;
}
.blog .item:last-child, [class^="leading-"]:last-child {
border: none;
}

.item étant utilisé à plusieurs endroit dans Joomla, j'ai précisé sa portée dans la règle: les item du blog

[jg92]

Re : ligne séparation articles

Merci pour ton apport je vais modifié en conséquence, tu parles de la règle: les item du blog ou la trouver ?
Cordialement