Postionnement des boutons "lire la suite" et des étiquettes

[carabao]

Bonjour

J'aimerais positionner - afin d'améliorer le visuel - tous les boutons "lire la suite " et les étiquettes (tag) par rapport à la bordure inférieure de l'article en page d'accueil. Pour le moment, les boutons "lire la suite" et les étiquettes se positionnent par rapport aux titres des articles.

page: https://www.caravane-camping.be/

A-t-il moyen de forcer ce positionnement par les bas ?

Merci


EDIT 1

j'ai essayé avec

position:absolute
bottom:0

mais là, le bouton se place tout en bas du pied de page

EDIT2: Si je comprends bien, c'est la hauteur pris par le titre de l'article qui détermine le positionnement. Je passe d'un article avec 2 lignes pour certains titres à 4 lignes pour d'autres titres.

[Colnem30]

Salut

Un element en position absolute se place par rapport à son parent en position relative.
Faut donc que tu portes l'élément au bas duquel tu veux positionner le bouton en position relative.

[carabao]

.readmore a, .readmore .btn {
text-align: center;
background: none;
border: none;
box-shadow: none;
position: absolute;
bottom: 5px;
left: 35%;
right: 35%;
}


.com-content-category-blog__item.blog-item.tck-article {
border-color: #f2ecec;
border-style: solid;
border-width: 0.7px;
border-radius: 5px 5px 5px 5px;
padding: 5px;
margin-bottom: 10px;
position: relative;
}

Apparemment, cela fonctionne bien.

Merci Colnem30

[lesoutier]

Si le probleme est réglé merci de l'indiquer :

https://forum.joomla.fr/announcement.php?f=230

[carabao]

Bonjour

C'est fait.

[daneel]

Presque....

[carabao]

Effectivement.


Il manque un espace minimum entre mes étiquettes et le bouton "lire la suite" dans certaines résolutions.

Pour centrer le bouton "lire la suite ", j'ai appliqué des marges en pourcentage (35% ou 25% ) selon les résolutions. Y-a-til une autre solution ? Car c'est difficile de tenir compte de toutes les résolutions possibles

[carabao]

Je pensais mettre quelque chose comme cela

left: calc(20% - 1px);
right: calc(20% - 1px);

mais cela ne fonctionne pas pour toutes les résolutions