distance entre les images "articles récents"

WordPress :6.2
Statut : non résolu

Ce sujet contient 3 réponses, 2 participants et a été mis à jour pour la dernière fois par Rock4Temps, le il y a 1 semaine et 4 jours.

4 sujets de 1 à 4 (sur un total de 4)

Auteur

Messages
12 septembre 2023 à 12 h 30 min #2460436
Christinedeunepetitelaine
Participant

Initié WordPress
31 contributions
Bonjour,

Ma configuration WP actuelle
- Version de PHP/MySQL : 6.3.1
- Thème utilisé : NEVE free
- Extensions en place : 21
- Nom de l’hébergeur : OVHCloud
- Adresse du site : https://www.unepetitelaine.fr/
Problème(s) rencontré(s) :

Dernière question je pense : comment avoir l’écartement entre les images sur « articles récents », de la page d’accueil, identique à celui de l’archive « journal » par exemple ; j’ai déjà pu installer le css

}
.wp-block-latest-posts.is-grid {
padding: 0px 30px 0px 30px!important;
}

pour les bords extérieurs ; merci d’avance. Christine.
12 septembre 2023 à 19 h 49 min #2460470

Rock4Temps
Participant

Maître WordPress
824 contributions

Bonjour,

Le bloc derniers articles de la page d’accueil est en tout cas bien
meilleur en responsive , que la page archive catégorie journal
de votre thème qui est pleine largeur en vue mobile sans aucune marge.

il ya un problème majeur avec votre menu en vue mobile.

12 septembre 2023 à 20 h 15 min #2460472

Christinedeunepetitelaine
Participant

Initié WordPress
31 contributions

ok !

Si j’ajoute une photo de chaque mise en page Accueil / Journal (qui vaut pour les autres catégories) + le css copié-collé en mode aide : vous allez sûrement savoir me conseiller =

}
.layout-grid .content>:last-child {
margin-bottom: 0;
text-align: center;
}
.blog-entry-title.entry-title a {
font-size: 22px;
}
.layout-grid .content>* {
margin-bottom: 20px;
text-align: center;
}
.wp-block-latest-posts.is-grid {
padding: 0px 30px 0px 30px!important;
}
a.wp-block-latest-posts__post-title {
font-family: « Marcellus », arial, sans-serif;
font-size: 23px;!important;
font-weight: 500;
text-transform: uppercase;
color: #000000;
line-height: 2.5em;
letter-spacing: 2px;
}
.wp-block-latest-posts__post-excerpt {
font-family: « Poppins »;
text-align: justify;
font-size: 15px;
margin-top: 0.5em;
margin-bottom: 2em;
}
.post-more-link {
border-bottom: 3px solid;
display: table;
font-family: « Marcellus », arial, sans-serif;
font-size: 16px!important;
font-weight: 500;
letter-spacing: 0.25px;!important;
line-height: normal;
margin: 2em auto;
padding-bottom: 8px;
text-align: center;
width: auto;
}

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.

13 septembre 2023 à 12 h 24 min #2460517
Rock4Temps
Participant

Maître WordPress
824 contributions
Bonjour,
je vous propose ces régles CSS
```
/* Bloc Derniers Articles sur PC */
.wp-block-latest-posts__featured-image img {
	width:415px;
}

.wp-block-latest-posts.is-grid {
    padding: 0px 20px 0px 10px!important;
}

.wp-block-latest-posts.is-grid li {
    margin: 0 0.8em 1.25em 0!important;
}

/* bloc derniers articles sur mobile */
@media (max-width:599px) {
	
	body.page .wp-block-latest-posts.is-grid {
		padding: 0px 10px 0px 10px!important;
	}
	
	.wp-block-latest-posts.is-grid li {
		margin: 0 0 1.25em 0;
	}
	
}

/* Menu  */
@media (max-width:959px) {
	
	.navbar-toggle {
		color:#FFF;
	}
	
	.nav-ul li a {
    color: #000;
	}
	
}
```
Parmi ces régles vous aurez a modifier celle déjà existante
```
wp-block-latest-posts.is-grid {
padding: 0px 30px 0px 30px!important;
}
```
Auteur

Messages