Jump to content

Modification du CSS thème enfant


Recommended Posts

Bonjour à tous,

Une petite question, j'ai entièrement terminé mon custom CSS de thème enfant, tout est impeccable. Je bute sur la couleur de survol de certains liens qui est est en bleu claire d'origine, comme celui de l'aperçu rapide d'un article par exemple (voir photo). Je l'ai inspecté sur 3 navigateurs différents mais je ne trouve pas le a:hover pour modifier la couleur. Une idée ? merci de vos retours

Capture d'écran 2025-12-04 110143 copie.png

Link to comment
Share on other sites

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,... 

Edited by lpf
Ajout dinfos (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...