[RÉGLÉ] Positionner une image ou un texte (via le CSS) sur un fond de page

[carabao]

Bonjour

Je suis parvenu à afficher une image sur mon fond de page : par exemple ici: https://www.caravane-camping.be/peti...e-loisirs-2022
mais je ne parviens pas à la positionner (archive) par exemple en bas à gauche

le CSS actuel est

.archive .maincontent {
background-color: #efeff9;
background-image: url('/images/site/archive.svg') ;
background-position: center;
background-size: cover;
padding: 1em;

}

J'ai essayé avec position,left, top,... mais cela pertibe l'image de l'article.

Ou peut-on remplacer l'image par du texte par exemple ? Plus facile pour changer la couleur, taille de la police.


Merci

EDIT: je suis parvenu à le centrer par

.archive .maincontent {
background: center / contain no-repeat url("/images/site/archive.svg"),#efeff9;
padding:5px;
}

Mais je ne parviens pas à le placer en bas à gauche.

[tataye]

oui, essaye avec du texte :
exemple :
div#maincontent:after {
content: "ARCHIVES";
text-align: right;
display: inline-block;
width: 100%;
margin: -1em;
font-size: 3em;
}

[carabao]

Bonjour et un très grand merci

J'ai modifié le code en ajoutant la classe

.archive

pour empêcher que les règles soient actives aussi en page d’accueil . Ici uniquement les pages archives (class .archive) utilisent les règles ci-après.

+ affichage en haut after --> before

.archive div#maincontent:before {
content: "document archivé";
background-color: orange;
color: #514e4e;
font-size: 1.4rem;
font-weight: bold;
display: inline-block;
float: right;
margin: -1em;
margin-right: 5px;
padding-left: 3px;
padding-right: 3px;
}

exemple: https://www.caravane-camping.be/peti...e-loisirs-2022