[Résolu] Comment modifier la hauteur du header ? (Créer un compte)

Oui, je voulais dire « style.css ». Pour la fonction enqueue , ça varie suivant les thèmes mais ça a l’air correct. De toute façon vous verrez tout de suite si ça ne l’est pas et ça ne risque pas d’abîmer le site.

Pour les CSS:

Pour l’alignement du panier ça semble bon, ajustez un peu si vous voulez.

Pour les promos, le code était pour la page d’accueil (je n’avais pas pensé à regarder plus loin). Pour la partie promo en dehors de la page d’accueil,  le code est ci-dessous.

J’ai ajouté une diminution de la taille de police pour le format tablette « paysage » autrement le dernier item du menu (« info ») se retrouve sur la ligne en dessous et pousse vers la droite le « fil d’ariane », ce qui n’est pas beau. On ne peut pas éviter qu’en mode « portrait » le menu soit sur deux lignes .

/* modif bouton promo*/
.woocommerce-loop-product__link span.onsale{background-color:#dc3e38;
color:white;
}
/* alignement panier*/
a.cart-contents{width:130px!important;
  float:right;
  position:relative;
  bottom:12px;
}
/*diminution taille texte menu pour tablette*/
@media screen and (max-width:1100px){
  .menu-item a{font-size:0.8em;
	}
}

• Cette réponse a été modifiée le il y a 4 années et 7 mois par ferman.
• Cette réponse a été modifiée le il y a 4 années et 7 mois par ferman.

Bonjour

il faut que je créé un style.css dans mon répertoire du theme enfant et que j’y mette le code présent dans apparence/personnalisé/ccs additionnel

Oui mais il n’y a pas déjà de fichier style.css dans votre thème enfant?

A ce que j’ai compris le style.ccs du thème enfant écrase les instructions données par le style.ccs du thème parent, c’est ça?

Oui c’est comme les CSS additionnelles: si vous avez les mêmes CSS dans style.css du thème parent et du thème enfant, ce sont les dernières qui auront priorité.

par exemple:  style.css parent: .menu-item a{color: grey;}, style.css enfant: .menu-item a{color: pink;} le menu sera rose.

Concernant le PROMO, je me suis peut être mal exprimé.

Ou c’est moi qui ai mal compris. Ce que vous voulez (si j’ai bien compris) correspond à la première ligne du code ci-dessous. La deuxième ligne correspond à la modification au survol (si vous en avez besoin).

Enfin, quand je survole chaque item de ce “menu”, j’ai bien le changement de couleur voulu…,

Là ce n’est pas très clair. les quatre lignes inférieures du code correspondent;

1. :link le lien au début
2. :visited changement si la page a déjà été visitée. Je ne recommande pas: c’est assez capricieux et ça finit par vous colorer tous les éléments au survol de la même couleur (ici bleu) bref, pour moi c’est plutôt inutile.
3. : hover changement au survol
4. : active changement au click

#menu-menu-general #menu-item-685 a{color:white;
background-color:red;}
#menu-menu-general #menu-item-685 a:hover{color:red;
background-color:white;}

#menu-menu-general li a:link{color:green;
background-color:white;}
#menu-menu-general li a:visited{color:grey;
background-color:blue;}
#menu-menu-general li a:hover{color:yellow;
background-color:pink;}
#menu-menu-general li a:active{color:orange;
background-color:red;}

• Cette réponse a été modifiée le il y a 4 années et 7 mois par ferman.
• Cette réponse a été modifiée le il y a 4 années et 7 mois par ferman.
• Cette réponse a été modifiée le il y a 4 années et 7 mois par ferman.