Bonjour @Mediacom87 et merci. C'est impeccable.
Pour ceux à qui cela intéresserait, voici mon child du thème classic Version 2.2.0 de Presta 8.2.3
Bien sûr il est hautement perfectible, merci pour vos retour et de vos remarques.
Bon code...
/*Child du thème classic Version 2.2.0 - Prestashop 8.2.3
/*ALAIN - ANT - Dernières modifications : Lundi 08 décembre 2025*/
/*---HEADER---HEADER---HEADER*/
/*Header-nav couleur fond de panier*/
#header .header-nav .blockcart {
height: 3rem;
padding: .75rem;
margin-left: .9375rem;
text-align: center;
white-space: nowrap;
background: #cfd9c0;
}
/*header-nav couleur du fond et couleur de la séparation*/
#header .header-nav {
max-height: 50px;
border-bottom: #2a2f20 0px solid;
background: #bec7b0;
}
/*Header-nav couleur icon panier*/
#header .header-nav .cart-preview .shopping-cart {
color: #000;
vertical-align: middle;
}
/*Header-nav couleur texte panier*/
#header {
color: #000;
}
/*Header-nav couleur des liens*/
#header a {
color: #000000;
text-decoration: none;
}
/*Header-nav couleur des liens survolés*/
#header a:hover {
color: #929888;
text-decoration: none;
}
/*---TOP MENU---TOP MENU---TOP MENU*/
/*header-top couleur du fond*/
#header .header-top {
background:#cfd9c0 !important;
}
/*header-top couleur des liens*/
#header .header-top a[data-depth="0"] {
color: #000000;
text-transform: uppercase;
}
/*header-top couleur des liens survolés*/
#header .top-menu a[data-depth="0"]:hover, a:hover {
color: #929888;
text-decoration: none;
}
/*header-top sous menu couleur du fond*/
.top-menu .sub-menu {
background: #bec7b0;
}
/*---PRINCIPAL---PRINCIPAL---PRINCIPAL*/
/*Page principale couleur de survol des liens */
.product-miniature .highlighted-informations .quick-view:hover {
color: #545c47;
}
/*Page principale couleur de fond */
#wrapper {
padding-top: 1.563rem;
background: #ffffff;
}
/*Page principale étiquette "NOUVEAU" couleur de fond */
.product-flags li.product-flag {
background: #7e8671;
}
/*Page principale étiquette "PRIX" couleur de fond
.product-miniature .product-description {
background: #cfd9c0;
}*/
/*Page principale bloc custom couleur de fond */
#custom-text {
background: #cfd9c0;
}
/*Page fiche produit étiquette "PANIER" "ENREGISTRER LA PERSONNALISATION" couleur de fond */
.btn-primary {
color: #fff;
background-color: #3a4529;
border-color: transparent;
}
.btn-primary:hover {
color: #fff;
background-color: #7e8671;
}
.product-actions .add-to-cart {
background: #3a4529;
}
.product-actions .add-to-cart:hover {
background: #7e8671;
}
.product-price {
color: #3a4529;
}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
border: 0;
border-bottom: #3a4529 3px solid;
}
.tabs .nav-tabs .nav-link.active {
color: #3a4529;
}
.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {
border: #7e8671 3px solid;
}
/*FOOTER---FOOTER---FOOTER---FOOTER*/
/*Footer couleur de fond */
#footer {
padding-top: 2.5rem;
background: #545c47;
}
/*Footer titre bloc "PRODUITS - NOTRE SOCIETE" */
.footer-container .h3 {
color: #fff;
}
/*Footer titre bloc "INFORMATIONS"*/
.block-contact .block-contact-title {
color: #fff;
}
/* Footer titre bloc "VOTRE COMPTE" */
#block_myaccount_infos .myaccount-title a {
color: #fff;
}
#block_myaccount_infos .myaccount-title a:hover {
color: #beccda;
}
/* Footer liens dans les blocs */
.footer-container li a {
color: #fff;
}
.footer-container li a:hover {
color: #929888;
}
/* Footer couleur du texte informations */
.block-contact, .footer-container li a {
font-size: .875rem;
color: #fff;
}
/* Footer couleur des liens informations "[email protected]" et "©2025-Logiciel e-commerce... */
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
color: #000000;
text-decoration: none;
}
a:hover {
background-color: transparent;
-webkit-text-decoration-skip: objects;
color: #929888;
text-decoration: none;
}
.block_newsletter {
background: #cfd9c0;
}
/* Fin des modifications*/
Evidement j'ai oublier de vous dire de mettre vos propres couleurs,...
.png.022b5452a8f28f552bc9430097a16da2.png)