CSS mettre un seul des boutons de menu en couleur
calaelen04
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
Shuta Messages postés 210 Date d'inscription Statut Membre Dernière intervention -
Shuta Messages postés 210 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis en train de créer un site Wordpress responsive.
J'ai actuellement un menu ou les boutons sont :
-pas de couleur de fond
-texte noir
Je voudrais mettre un seul des éléments de ce menu :
-fond orange
-texte blanc.
Quelqu'un connait le style CSS que je peux appliquer dans ma feuille de style de mon thème enfant ?
Merci,
Je suis en train de créer un site Wordpress responsive.
J'ai actuellement un menu ou les boutons sont :
-pas de couleur de fond
-texte noir
Je voudrais mettre un seul des éléments de ce menu :
-fond orange
-texte blanc.
Quelqu'un connait le style CSS que je peux appliquer dans ma feuille de style de mon thème enfant ?
Merci,
A voir également:
- CSS mettre un seul des boutons de menu en couleur
- A quoi servent les boutons de couleur sur une telecommande - Guide
- Menu déroulant excel - Guide
- Excel cellule couleur si condition texte - Guide
- Changer la couleur de la barre des taches - Guide
- Comment mettre un fond de couleur sur libreoffice writer - Guide
/* =Menu
-------------------------------------------------------------- */
#access {
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
}
#access ul {
}
#access li {
float: right;
position: relative;
padding: 0 20px 0 0;
}
li.default-menu {
display: none;
}
#access a {
color: #000000;
display: block;
float: right;
font-size: 14px;
text-transform: uppercase;
padding: 16px 0 0;
height: 39px;
}
#access a:hover,
#access ul li.current-menu-item a,
#access ul li.current_page_ancestor a,
#access ul li.current-menu-ancestor a,
#access ul li.current_page_item a,
#access ul li:hover > a {
color: #000000;
font-weight: bold;
}
#access ul ul {
}
#access ul ul ul {
}
#access ul ul a {
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
}
#access li:hover > a,
#access a:focus {
}
#access ul li:hover > ul {
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
}
Ce sera plus simple !
Bien sur dire QUEL element tu veux modifier seulement.