- WordPress :6.7
- Statut : non résolu
- Ce sujet contient 7 réponses, 2 participants et a été mis à jour pour la dernière fois par
Nant Aveyron, le il y a 3 jours et 20 heures.
-
AuteurMessages
-
21 janvier 2025 à 11 h 51 min #2484910
Ma configuration WP actuelle
- Version du serveur MySQL : 8.0.27
- WordPress : version: 6.7.1
- Thème utilisé : twentyseventeen-enfant
- Extensions en place : W3 Total Cache, Modern Image Formats, A3 Lazy Load, Yoast SEO.
- Nom de l’hébergeur : OVHcloud
- Adresse du site : millauvisite.fr
SUJET : Appliquer la pleine largeur sur les images de toutes les pages
Bonjour en souhaitant à tous une bonne année 2025,
J’ai essayé une multitude de full-width même le à mettre à la racine du thème enfant ainsi que des CSS en tous genres etc.
Ils m’ont amené à devoir réinstaller le site parce qu’il ne fonctionnait plus.
Il serait sympathique de votre part de m’indiquer comment faire manuellement pour que toutes les images du site s’affichent sur toute la largeur de la page pas en background.
Merci d’avance pour vos, toujours, bonnes indications.
PS : si cela peut aider voilà la teneur du CSS additionnel :
a:link {
box-shadow: none !important;
color: #595959 !important;
}
a:hover {
box-shadow: none !important;
color: #fc0303 !important;
}
.main-navigation li {
background-color: #000 ;£
font-family: "Verdana" ;
color: #fff !important;
text-align: left !important;
font-size: 1.1rem !important;
}
.wrap {
max-width: 1400px !important;
}
.page-one-column .panel-content .wrap {
max-width: 1300px !important;
}
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
max-width: 1400px !important;
}
@media screen and (max-width: 600px) {
.main-navigation {
bottom: auto;
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: 100;
background:#fff;
}
}
.site-content {
background-color: #fff;
}
h1 {
font-family: "Verdana";
color:#000!important;
text-align: left !important;
font-size: 1.5rem !important;
}
h2 {
font-family: "Verdana";
color:#000 !important;
text-align: left !important;
font-size: 1.5rem !important;
}
h3 {
font-family: "Verdana";
color:#000 !important;
text-align: left !important;
font-size: 1.5rem !important;
}
p {
font-family: "Verdana";
color:#000 !important;
font-family: verdana !important;
text-align: left !important;
font-size: 1.2rem !important;
}
.parallax {
width: 2000px;
margin-left: -360px;
margin-right: 0px;
min-height: 500px;
padding: 0px;
background-image: url("https://millauvisite.fr/wp-content/uploads/2023/01/visite-pont-lerouge-millau.webp");
height: 20vh;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}24 janvier 2025 à 10 h 48 min #2485031Salut, essaye cette règle :
#primary .wrap {
max-width: 100%;
}24 janvier 2025 à 12 h 39 min #2485039Bonjour,
Merci pour la réponse, j’ai mis le code dans le css additionnel et cela n’a rien changé. Il faut peut-être que je fasse quelque chose au niveau des images ? Bonne journée
-
Cette réponse a été modifiée le il y a 2 semaines et 3 jours par
Nant Aveyron.
24 janvier 2025 à 14 h 50 min #2485045Salut, au temps pour moi, j’ai lu ton titre en travers, le code concerne le site, pas les images, enlève-le.
Les images, si tu utilises Gutenberg, et si tu veux une image en pleine largeur du contenu, utilise le bloc Bannière.
Tu peux essayer aussi ces 2 règles (mais tu vas perdre en souplesse) :
.wp-block-image a {
display: block !important;
}
img {
max-width: 100% !important;
width: 100% !important;
}24 janvier 2025 à 17 h 03 min #2485048Bonjour,
Comment sait on si on utilise Gutenberg avec twenty seventeen ?
La bannière est toute grisée et ne fait pas toute la largeur.
J’ai mis en place le CSS et cela agrandit un peu les images sans les mettre en largeur total 100%.
J’ai tout laissé en place pour que vous puissiez voir ICI
Merci encore
24 janvier 2025 à 17 h 06 min #2485049Salut, tu as cette règle qui limite la largeur du contenu à 1400 px :
#primary {
max-width: 1400px !important;
}24 janvier 2025 à 17 h 53 min #2485053Bonsoir,
En plus du retrait de #primary, j’ai mis 2000 à :
.page-one-column .panel-content .wrap {
max-width: 2000px !important;
}et ça ne le fais pas 100% et rien sur les autres pages malgré le (!important).
En plus le texte va se retrouver dans la bordure.
Regardez https://millauvisite.fr/
-
Cette réponse a été modifiée le il y a 2 semaines et 3 jours par
Nant Aveyron.
-
Cette réponse a été modifiée le il y a 2 semaines et 3 jours par
Nant Aveyron.
7 février 2025 à 12 h 41 min #2485559Bonjour à tous, et à momofr@free.fr.
Donc je viens quand même expliquer ce que j’ai fini par trouver en 17 jours.
Avec le premier code de Momo je n’avais pas la même largeur d’image sur la page d’accueil et les autres pages parce que les images étaient réglées en alignement centré et une fois que j’ai indiqué « aucun » ça a réglé le problème.
Je n’indique pas résolu parce que les images ne couvrent pas toute la largeur des pages.
Merci quand même pour votre aide.
Bonne journée
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.