Alignement de l’image mise en avant

Bonjour angelica,
Avant tout, de quelle manière modifies-tu le style CSS de ton site ?

As-tu créé un theme enfant ou bien modifies-tu le CSS via l’éditeur de CSS custom: “Additional CSS” directement dans ton back-office WordPress?

Il est important de ne pas modifier les fichiers des thèmes directement parce que tes modifications seront effacées lors d’une mise à jour du thème.

Pour la suite, je viens d’installer Argent pour tester ??

Merci pixelspy pour ta réponse !

Je modifie bien via un thème enfant en utilisant filezilla. Petite précision, j’ai modifié la largeur des articles à 70% comme vous pouvez le voir dans le lien joint à mon post.

Merci d’avoir testé le thème ??

Re!

Il me semble que :
<blockquote class="wp-block-quote is-style-large"><p><strong><span style="color:#334ae5" class="has-inline-color">L’appli qui transforme tes kilomètres courus en dons pour des projets plein de sens.</span></strong></p><cite><span style="color:#334ae5" class="has-inline-color">KM FOR CHANGE</span></cite></blockquote>
élargit le contenu de l’article et que du coup il faut modifier le CSS de tout l’article.

Est-ce que ceci est le rendu que tu cherche? :
https://imgur.com/a/GfbfVEz

??

Oui c’est exactement ?a ! Par contre je ne comprends pas trop ce qu’il faut faire par rapport à ce que tu me dis :/

OK super !

Si l’idée est d’appliquer cela sur tous les articles, voici ce que tu pourrais faire :

article {
    display: flex;
    flex-direction: column;
    align-items: center;
}

Sinon tu créé une classe CSS que tu applique aux articles correspondant.

??

• This reply was modified 4 years, 10 months ago by pixelspy.

Super merci ! Je teste ?a demain et je reviens vers toi pour te dire où j’en suis i cela te conviens ??

Tout à fait !
à demain ??

Bonjour,

J’ai bien essayé de trouver ou intégrer le code mais je dois avouer être un peu novice en css : s

Que pourrais-je faire pour te montrer le code pour savoir ou/comment l’intégrer ?

Dans le style.css j’ai pu trouver le code suivant qui semble se référer aux articles avec image à la une mais cela ne fonctionne pas correctement et je ne trouve pas de référence à l’image à la une seule (je n’ai jamais créé de classe css):

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.home .page-content:after {
	display: block;
	color: #ddd;
	content: '\002A \002A \002A \002A \002A';
	font-size: 50px;
	letter-spacing: 25px;
	line-height: 1;
	font-size: 5rem;
	font-family: Arial, serif;
	margin: 0.64em 0;
	text-align: center;
	text-indent: 25px;
}
.home.page-template-default .page-content:after,
.page-content:last-child:after {
	display: none;
}
.post-thumbnail {
	display: inline;
	float: left;
	margin-right: 2em;
	margin-bottom: 1.7778em;
}
.home .post-thumbnail,
.blog .post-thumbnail,
.archive .post-thumbnail,
.search .post-thumbnail {
	margin-bottom: 0;
}
.single .entry-header,
.page-header {
	display: block;
	margin-bottom: 3.5556em;
}
.single.without-featured-image .entry-header {
	margin-bottom: 1.7778em;

J’ai pu passer à c?té de quelque chose.

As-tu testé le code que je t’ai envoyé , dans le style.css directement ?
Et n’oublie pas de rafraichir la page du site ??

J’ai pu essayer d’insérer le code directement et cela marche !!!
Merci !!!

En revanche cela change également la présentation de la vignette dans la liste d’articles des pages d’articles, mais ce n’est pas dramatique.
Je viens d’apprendre un truc thanks ; )

Super ! Maintenant tu peux tester des choses dans le CSS ??

N’oublie pas de changer le statut de ce tiquet en Résolu ??