[RÉGLÉ] Filet entre articles

[Philippe Saugere]

Bonjour,
je cherche à insérer un filet entre les différents articles d'une page en blog d'une catégorie. Genre, sous le "lire la suite" par exemple.
Comme ici http://www.lefigaro.fr/
Est-ce compliqué ?
Merci de vos réponses
Phil

[jisse03]

Re : Filet entre articles

Bonjour,

Dans un artcicle, sur ton site, tu repères le style de la div englobant cet article (par exemple yjsgarticle sur un template Eximium) et sur cette classe, tu rajoutes un CSS border-bottom : 1px solid #xxyyzz; (1px étant l'épaisseur du filet, solid le type #xxyyzz la couleur. Voir la documentation http://www.w3schools.com/cssref/pr_border-style.asp

[Philippe Saugere]

Re : Filet entre articles

Merci je vais essayer ça et je reviens par là ensuite...
tchuuss

[Philippe Saugere]

Re : Filet entre articles

Bonjour,
bon ben c'est pas facile facile. Déjà, je ne repère pas la div. J'ai bien trouvé une class uk-article mais quand je rajoute le bout de css, rien ne se passe.
Voici l'adresse du site : http://www.actualites-entrepreneurs.fr
Si quelqu'un pouvait me donner la marche à suivre, sinon pas grave, merci quand même.
Phil

[lomart]

Re : Filet entre articles

Bonsoir,

C'est bien cette classe qu'il faut cibler.
Le code CSS a ajouter est

.uk-article {
  border-bottom: 2px solid #3e71a5;
  padding-bottom: 30px;
}

[Philippe Saugere]

Re : Filet entre articles

ok merci.
Mais est-ce qu'il faut rajouter cette class .uk-article ? (car elle n'existe pas dans le fichier template.css) ou rajouter le bout de code (border-bottom: 2px solid #3e71a5; padding-bottom: 30px) quelque part.
En fait, il y a :
.uk-article:before,.uk-article:after,.uk-article-title et pas mal d'autres mais pas .uk-article tout seul
Quand je l'ai rajouté, rien n'a été modifié sur le site. Je pense que je n'écris pas au bon endroit. Ou alors, je ne modifie pas le bon fichier. Comment être sûr du fichier à modifier ?
Encore un peu d'aide ?
Merci
Phil

[Philippe Saugere]

Re : Filet entre articles

En fait, voilà le code complet qui définit les articles (je pense) :
/* ================================================== ======================
Component: Article
================================================== ======================== */
/*
* Micro clearfix to make articles more robust
*/
.uk-article:before,
.uk-article:after {
content: "";
display: table;
}
.uk-article:after {
clear: both;
}
/*
* Remove margin from the last-child
*/
.uk-article > :last-child {
margin-bottom: 0;
}
/*
* Vertical gutter for articles
*/
.uk-article + .uk-article {
margin-top: 20px;
}
/* Sub-object `uk-article-title`
================================================== ======================== */
.uk-article-title {
font-size: 30px;
line-height: 42px;
font-weight: normal;
text-transform: uppercase;
/* Only large screens */
}
@media (min-width: 960px) {
.uk-article-title {
margin-bottom: 35px;
}
}
.uk-article-title a {
color: inherit;
text-decoration: none;
}
/* Sub-object `uk-article-meta`
================================================== ======================== */
.uk-article-meta {
font-size: 12px;
line-height: 18px;
color: #c1c1c3;
}
/* Sub-object `uk-article-lead`
================================================== ======================== */
.uk-article-lead {
color: #53555c;
font-size: 18px;
line-height: 24px;
font-weight: normal;
}
/* Sub-object `uk-article-divider`
================================================== ======================== */
.uk-article-divider {
margin-bottom: 25px;
}
* + .uk-article-divider {
margin-top: 25px;
}

[lomart]

Re : Filet entre articles

Il faut ajouter tous le code que j'ai donné à la fin du fichier http://www.actualites-entrepreneurs..../css/theme.css

[Philippe Saugere]

Re : Filet entre articles

ah oui, j'était sur le fichier theme.css mais général. J'ai oublié d'aller dans la template du theme dove et là forcément, ça marche.
Un grand merci !
Phil